jumbotron edit field css

src/app/_modules/layout/jumbotron/jumbotron.component.html

@@ -6,8 +6,10 @@
     </div>
 </div>
 <div class="space jumbotron-edit-field" *ngIf="editable">
-    <div class="page-corral jumbotron-edit-field-row switch-host" (click)="toggleEditMode()">
-        Режим редактирования
-        <switch [val]="editMode"></switch>                
+    <div class="page-corral jumbotron-edit-field-row">
+        <div class="switch-host" (click)="toggleEditMode()">
+            Режим редактирования
+            <switch [val]="editMode"></switch>       
+        </div>         
     </div>
 </div>

src/app/_modules/pages/sections/types/basic/cards/items/cards-section-items.component.scss

@@ -6,6 +6,6 @@
   flex-wrap: wrap;
 
   cards-section-item {
-    width: 25%;
+    width: 240px
   }
 }

src/assets/css/_grid.scss

@@ -45,10 +45,13 @@ jumbotron{
     height: 60px;
     .jumbotron-edit-field-row{
       max-width: calc($page-width  + 2 * $pxl);
+      div{
+        display: flex;
+        align-items: center;
+        gap: $pxs;
+      }
       display: flex;
-      align-items: center;
       justify-content: flex-end;
-      gap: $pxs;
     }
   }
 }