[WIP] Фикс стилей сайдбара календаря

src/pages/newCalendar/components/CalendarOpenSidebar.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  .sidebar-wrapper.flex.flex-col.gap-y-1
+  .sidebar-wrapper.flex.flex-col.gap-y-px
     .form.flex.items-center.justify-end.py-4.pr-4.rounded-t
       q-btn.rotate-180.button-open(
         @click="openSidebar(); hideSidebar()",
@@ -15,7 +15,7 @@
       )
         q-icon(name="app:plus", size="12px", left)
         span Создать запись
-    .flex.flex-col.gap-y-1
+    .flex.flex-col.gap-y-px
       q-expansion-item.expansion.font-bold.text-xm(
         v-for="(elem, index) in patientList",
         expand-separator,
@@ -23,7 +23,7 @@
         @click="choiceForm(elem.choice, index)",
         :class="{'patient': elem.label === 'Пациенты'}"
       )
-        .select.flex.flex-col.font-medium.text-smm.px-4(
+        .select.flex.flex-col.font-medium.text-smm.px-2(
           v-if="elem.label !== 'Пациенты'",
           v-for="item in elem.data"
         )
@@ -238,7 +238,6 @@ export default {
   background: var(--bg-light-grey)
 
 .select
-  padding-bottom: 2px
   &:last-child
     padding-bottom: 16px
 
@@ -253,7 +252,7 @@ export default {
 
 .status
   border-radius: 4px
-  height: 28px
+  height: 40px
   &:hover
     background: var(--gray-thirdly)
     cursor: pointer
@@ -308,7 +307,7 @@ export default {
   &::-webkit-scrollbar
     width: 4px
   &::-webkit-scrollbar-track:vertical
-    margin-top: -26px
+    margin-top: -40px
     margin-bottom: 26px
 
 .person
@@ -317,21 +316,23 @@ export default {
   border-bottom: 1px solid var(--bg-light-grey)
   &:first-child
     border-top: 1px solid var(--bg-light-grey)
+  &:last-child
+    border-bottom: none
 
 .one-form
-  max-height: calc(100vh - 394px)
+  max-height: calc(100vh - 382px)
   transition: all 0.2s ease-in
 
 .two-form
-  max-height: calc(100vh - 528px)
+  max-height: calc(100vh - 558px)
   transition: all 0.2s ease-in
 
 .all-form
-  max-height: calc(100vh - 632px)
+  max-height: calc(100vh - 694px)
   transition: all 0.2s ease-in
 
 .primary-form
-  max-height: calc(100vh - 498px)
+  max-height: calc(100vh - 518px)
   transition: all 0.2s ease-in
 
 .default
@@ -345,6 +346,8 @@ export default {
   padding-left: 6px
 
 .gradient
+  border-bottom-left-radius: 0.25rem
+  border-bottom-right-radius: 0.25rem
   width: 232px
   height: 44px
   right: 0px