WIP Сделала BaseButton

src/pages/newMedicalCard/components/BasicDataForms/ContactsForm.vue

@@ -58,20 +58,22 @@
               v-if="isEdit" 
               @click="() => deleteContact(key, index)"
               )
-        base-button.ml-6px(
-            v-if="isEdit" 
-            left-icon="icon-plus" 
-            added-border-none
-            :icon-left-size="12"
-            @click="(e) => addNewContact(e, key)"
-          )
-          span.font-medium.text-base Добавить
+        q-btn.ml-2px(
+          v-if="isEdit",
+          color="primary",
+          flat,
+          :style="{'font-weight': 500, width: '104px', height: '24px'}",
+          no-caps,
+          padding="0",
+          @click="(e) => addNewContact(e, key)"
+        )
+          q-icon(name="app:icon-plus", size="12px", left)
+          span Добавить
 </template>
 
 <script>
 import MedicalFormWrapper from "@/pages/newMedicalCard/components/MedicalFormWrapper.vue";
 import BaseInput from "@/components/base/BaseInput.vue";
-import BaseButton from "@/components/base/BaseButton.vue";
 import BaseSelectNetworks from "@/components/base/BaseSelectNetworks.vue";
 import { mapNetworks } from "@/pages/newMedicalCard/utils/medicalConfig";
 import TheNotificationProvider from "@/components/Notifications/TheNotificationProvider.vue";
@@ -90,7 +92,6 @@ export default {
     MedicalFormWrapper,
     BaseInput,
     BaseSelectNetworks,
-    BaseButton,
     TheNotificationProvider,
   },
   data() {
@@ -233,4 +234,8 @@ export default {
   color: var(--font-grey-color)
 .delete-contact
   color: var(--font-grey-color)
+.on-left
+  margin-right: 10px
+.q-btn :deep(.q-ripple)
+  display: none
 </style>