WIP Переделана часть secondary кнопок

src/components/TheHeader.vue

@@ -11,22 +11,44 @@
       img.logo-img.mr-29_25px(src="@/assets/images/logo.svg", alt="Logo")
       header-inputs
     .flex.ml-auto
-      base-button.mr-9(
-        left-icon="icon-plus",
-        :icon-left-size="10",
-        :size="40",
-        right-icon="icon-person",
-        :icon-right-size="18",
-        @click="openForm"
+      q-btn.mr-9(
+        color="primary",
+        dense,
+        padding="4px 22px",
+         @click="openForm"
       )
-      button.header-buttons.flex.justify-center.items-center.mr-8.p-0
-        .icon-bell.text-xxl
+        q-icon(
+          name="app:icon-plus",
+          size="10px",
+          style="margin-right: 4px",
+        )
+        q-icon(
+          name="app:icon-person",
+          size="18px",
+          style="margin-left: 4px"
+        )
+      q-btn.mr-8(
+        flat,
+        dense,
+        style="color: var(--font-dark-blue-color)",
+        padding="4px 8px"
+        icon="app:icon-bell",
+        size="18px",
+        round
+      )  
       .flex.justify-centflexer.items-center.relative
         base-avatar.mr-2(:size="36", :color="userData?.color", v-if="!userData?.photo") {{changeName}}       
         base-avatar.mr-2(:size="32", v-else)
           img.h-full.object-cover(:src="url + userData?.photo", alt="Avatar")
-        button.header-buttons(@click="openPopup")
-          .icon-down-arrow.text-xxs.flex.justify-center.items-center.p-0
+        q-btn(
+          @click="openPopup",
+          flat
+          icon="app:icon-down-arrow",
+          style="color: var(--font-dark-blue-color)",
+          size="10px",
+          padding="4px 2px 2px 2px"
+          dense,
+        )
         base-popup.right-2.top-10(
           corner,
           v-if="showPopup",
@@ -41,7 +63,6 @@ import img from "@/assets/images/avatar.svg";
 import chargePersonAvatar from "@/assets/images/charge-person-avatar.svg";
 import HeaderInputs from "./HeaderInputs.vue";
 import BaseAvatar from "@/components/base/BaseAvatar";
-import BaseButton from "@/components/base/BaseButton.vue";
 import BasePopup from "@/components/base/BasePopup.vue";
 import BaseClientFormCreate from "@/components/base/BaseClientFormCreate";
 export default {
@@ -49,7 +70,6 @@ export default {
   components: {
     HeaderInputs,
     BaseAvatar,
-    BaseButton,
     BasePopup,
     BaseClientFormCreate,
   },