From 764d15412f035a74c4d476d7ae61449bf33fe703 Mon Sep 17 00:00:00 2001
From: "alonso.torres" <alonso.torres@kaleidos.net>
Date: Wed, 21 Feb 2024 16:27:47 +0100
Subject: [PATCH] :bug: Show margin/padding properties outside grid editor

---
 .../options/menus/layout_container.cljs       | 33 ++++++++++++-------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
index 2bd071164..ce4ecc472 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/layout_container.cljs
@@ -1020,7 +1020,16 @@
                                    :set-justify set-justify-grid}]
              [:& justify-grid-row {:is-col? false
                                    :justify-items grid-justify-content-row
-                                   :set-justify set-justify-grid}]]]
+                                   :set-justify set-justify-grid}]]
+            [:div {:class (stl/css :row)}
+             [:& gap-section {:gap-selected? gap-selected?
+                              :on-change set-gap
+                              :gap-value (:layout-gap values)}]]
+
+            [:div {:class (stl/css :row :padding-section)}
+             [:& padding-section {:values values
+                                  :on-change-style change-padding-type
+                                  :on-change on-padding-change}]]]
            nil)))]))
 
 (mf/defc grid-layout-edition
@@ -1192,6 +1201,17 @@
       [:button {:on-click handle-locate-grid
                 :class (stl/css :locate-button)}
        i/locate-refactor]]
+
+     [:div {:class (stl/css :row)}
+      [:& gap-section {:gap-selected? gap-selected?
+                       :on-change set-gap
+                       :gap-value (:layout-gap values)}]]
+
+     [:div {:class (stl/css :row :padding-section)}
+      [:& padding-section {:values values
+                           :on-change-style change-padding-type
+                           :on-change on-padding-change}]]
+
      [:div {:class (stl/css :row :grid-tracks-row)}
       [:& grid-columns-row {:is-col? true
                             :expanded? @grid-columns-open?
@@ -1215,13 +1235,4 @@
                             :remove-element remove-element
                             :reorder-track reorder-track
                             :hover-track hover-track
-                            :on-select-track handle-select-track}]]
-     [:div {:class (stl/css :row)}
-      [:& gap-section {:gap-selected? gap-selected?
-                       :on-change set-gap
-                       :gap-value (:layout-gap values)}]]
-
-     [:div {:class (stl/css :row :padding-section)}
-      [:& padding-section {:values values
-                           :on-change-style change-padding-type
-                           :on-change on-padding-change}]]]))
+                            :on-select-track handle-select-track}]]]))