From d7b5cf8b0fe78e5d9e437272de94b39629964e7b Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Tue, 21 Nov 2023 11:56:34 +0300
Subject: [PATCH] jumbotron edit field css

---
 .../_modules/layout/jumbotron/jumbotron.component.html    | 8 +++++---
 .../basic/cards/items/cards-section-items.component.scss  | 2 +-
 src/assets/css/_grid.scss                                 | 7 +++++--
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/_modules/layout/jumbotron/jumbotron.component.html b/src/app/_modules/layout/jumbotron/jumbotron.component.html
index 2840be7..9972ebf 100644
--- a/src/app/_modules/layout/jumbotron/jumbotron.component.html
+++ b/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>
\ No newline at end of file
diff --git a/src/app/_modules/pages/sections/types/basic/cards/items/cards-section-items.component.scss b/src/app/_modules/pages/sections/types/basic/cards/items/cards-section-items.component.scss
index 8337d56..fb9d97b 100644
--- a/src/app/_modules/pages/sections/types/basic/cards/items/cards-section-items.component.scss
+++ b/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
   }
 }
diff --git a/src/assets/css/_grid.scss b/src/assets/css/_grid.scss
index c9d442b..f603cc5 100644
--- a/src/assets/css/_grid.scss
+++ b/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;
     }
   }
 }