[WIP] Фикс процента заполнения медкарты

src/pages/newCalendar/components/MedcardsModal.vue

@@ -17,18 +17,18 @@
           :class="sortingClass"
         )
           calendar-sidebar-svg(name-svg="sort", :active="sort")
-      .medcards-wrapper.flex.flex-col.overflow-auto
+      .medcards-wrapper.flex.flex-col.overflow-auto.w-full
         .medcard.flex.items-center.cursor-pointer(
           v-for="patient in patients",
           @click="selectMedcard(patient)"
         )
-          .flex.justify-between.w-full.items-center
+          .name.flex.justify-between.w-full.items-center.h-14
             .info-block.flex.justify-between.gap-x-2
               img.h-10.w-10.object-cover.rounded-full(:src="patient.avatar")
               .flex.flex-col.gap-y-1
                 .text-m {{trimPatientName(patient.last_name, patient.first_name, patient.patronymic)}}
                 .grey-color.text-smm {{patient.birthday}}
-            q-icon.ok-icon(name="app:ok", v-if="patient.check" size="24px")
+            q-icon.ok-icon(name="app:ok", v-if="patient.check", size="24px")
     .footer.flex.gap-2
       base-button(type="secondary", label="Отменить", width="125px", @click="closeMedcards")
       base-button(
@@ -98,17 +98,22 @@ export default {
 .search :deep(.q-field__prepend)
   padding-right: 4px
 
+.name
+  margin: 4px 0px
+  &:hover
+    border-radius: 4px
+    background: var(--gray-thirdly)
+
 .medcard
   height: 64px
   margin-right: 14px
   border-bottom: 1px solid var(--gray-secondary)
   &:last-child
     border-bottom: none
-  &:hover
-    border-radius: 4px
-    background: var(--gray-thirdly)
+
 
 .medcards-wrapper
+  width: 440px
   max-height: 563px
   margin-right: -18px
   &::-webkit-scrollbar