base data fixes

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

@@ -9,7 +9,7 @@
     :open-edit="openEdit"
     )
     q-form.form-wrap.gap-6.w-full(ref="formBasicData")
-      .flex.flex-col.gap-4(v-for="data in configData")
+      .flex.flex-col.gap-2(v-for="data in configData")
         .font-semibold.text-sm.whitespace-nowrap {{data.dataLabel}}
         .flex.w-full.items-center.gap-4(v-for="field in data.fields")
           .label-field.font-sm.text-sm.whitespace-nowrap {{`${field.label} :`}}

src/pages/newMedicalCard/components/MedicalFormWrapper.vue

@@ -21,7 +21,7 @@
             name="app:edit",
             v-if="!isEdit && !noEditBtn",
             @click="openEdit",
-            size="20px"
+            size="20px",
             )
         .flex.w-full.gap-11px.items-center.justify-between(v-else)
           span.font-bold.text-base.whitespace-nowrap {{title}}
@@ -33,7 +33,7 @@
               q-icon.sample.mr-2(name="app:sample", size="20px")
               span.text-smm.font-medium Шаблоны
         .flex.w-fit.gap-10px.items-center.delete-button.cursor-pointer(
-          v-if="!isEdit && titleDelete && deleteItem", 
+          v-if="!isEdit && titleDelete && deleteItem",
           @click="deleteItem"
           )
           q-icon(name="app:basket" size="20px")
@@ -113,6 +113,8 @@ export default {
 .form-wrapper
   background-color: var(--default-white)
 .edit-button
+  & > :deep(svg > path)
+    stroke: var(--btn-blue-color)
   color: var(--btn-blue-color)
   &:hover
     color: var(--btn-blue-color-hover)

src/pages/newMedicalCard/components/MedicalSidebar.vue

@@ -1,10 +1,11 @@
 <template lang="pug">
-  .sidebar-wrapper.h-full.rounded.px-2.py-6.flex.flex-col
+  .sidebar-wrapper.h-full.rounded.px-2.py-6.flex.flex-col.gap-1
     .menu-item.text-base.px-4.py-3.rounded.cursor-pointer.whitespace-nowrap(
       v-for="item in menuItem",
       :key="item.id",
       :id="item.id",
       @click="selectItem(item)",
+      :title="item.hint || item.title"
       :class="{'menu-item-active': item.component === modelValue}"
     ) {{item.title}}
 </template>
@@ -32,7 +33,7 @@ export default {
 </script>
 <style lang="sass" scoped>
 .sidebar-wrapper
-  min-width: 300px
+  min-width: 200px
   min-height: 350px
   background-color: var(--default-white)
 .menu-item

src/pages/newMedicalCard/utils/medicalConfig.js

@@ -345,7 +345,8 @@ export const baseInfoMenu = [
     component: "MedicalBasicDataWrapper",
   },
   {
-    title: "Протоколы первичного осмотра",
+    title: "ППО",
+    hint: "Протоколы первичного осмотра",
     id: "protocols",
     component: "MedicalProtocolsWrapper",
   },