fix: editor blocks styles

Author: qradle-yndx

src/editor-v2/components/Sidebar/Sidebar.scss

@@ -13,5 +13,8 @@ $block: '.#{$ns}sidebar';
     &__block {
         width: 100%;
         border-bottom: 1px solid var(--g-color-line-generic);
+        overflow-x: scroll;
+        box-sizing: border-box;
+        flex: 0 0 auto;
     }
 }

src/editor-v2/components/Tabs/Tabs.scss

@@ -6,6 +6,8 @@ $block: '.#{$ns}tabs';
 #{$block} {
     overflow: auto;
     width: 100%;
+    display: flex;
+    flex-direction: column;
 
     &__item {
         color: var(--g-color-text-hint);
@@ -25,11 +27,14 @@ $block: '.#{$ns}tabs';
         display: inline-flex;
         flex-direction: row;
         padding: 16px 4px;
+        flex: 0 0 auto;
+        box-sizing: border-box;
+        overflow-x: auto;
     }
 
     &__body {
         flex: 1;
-        border-right: 1px solid var(--g-color-line-generic);
+        min-height: 1px;
         overflow-y: auto;
     }
 }

src/editor-v2/containers/GlobalConfig/GlobalConfig.scss

@@ -4,11 +4,10 @@
 $block: '.#{$ns}global-config';
 
 #{$block} {
-    padding: 12px;
-
     &__title {
-        margin-bottom: 16px;
+        padding: 12px;
         margin-top: 8px;
         @include text-subheader-3;
+        border-bottom: 1px solid var(--g-color-line-generic);
     }
 }

src/editor-v2/containers/ViewSwitches/ViewSwitches.scss

@@ -12,5 +12,9 @@ $block: '.#{$ns}view-switches';
     &__zoom {
         display: flex;
         gap: 4px;
+
+        &-select {
+            min-width: 80px;
+        }
     }
 }

src/editor-v2/containers/ViewSwitches/ViewSwitches.tsx

@@ -99,6 +99,7 @@ const ViewSwitches: React.FC = () => {
                 </Button>
 
                 <Select
+                    className={b('zoom-select')}
                     multiple={false}
                     value={currentZoomValue}
                     options={zoomOptions}