🐛 Fix broken layout in some form fields

frontend/resources/styles/main/partials/forms.scss

@@ -31,6 +31,10 @@ textarea {
     // flex-basis: 368px;
   }
 
+  .field {
+    margin-bottom: 20px;
+  }
+
   h1 {
     font-size: $fs36;
     color: #2C233E;
@@ -79,12 +83,9 @@ textarea {
   }
 }
 
-
-
 .custom-input {
   display: flex;
   flex-direction: column;
-  margin-bottom: 20px;
 
   label {
     font-size: $fs10;
@@ -179,7 +180,6 @@ textarea {
 .custom-select {
   display: flex;
   flex-direction: column;
-  margin-bottom: $big;
   position: relative;
 
   label {

frontend/resources/styles/main/partials/sidebar-element-options.scss

@@ -562,6 +562,8 @@
 
 .orientation-icon {
   margin-left: $small;
+  display: flex;
+  align-items: center;
 
   svg {
     cursor: pointer;

frontend/src/uxbox/main/ui/components/forms.cljs

@@ -66,7 +66,7 @@
                          :type @type')
                   (obj/clj->props))]
 
-    [:div.custom-input
+    [:div.field.custom-input
      [:div.input-container {:class klass}
       [:div.main-content
        (when-not (str/empty? value)
@@ -102,7 +102,7 @@
         cvalue    (d/seek #(= value (:value %)) options)
         on-change (fm/on-input-change form name)]
 
-    [:div.custom-select
+    [:div.field.custom-select
      [:select {:value value
                :on-change on-change}
       (for [item options]

frontend/src/uxbox/main/ui/workspace/sidebar/options/frame.cljs

@@ -75,7 +75,7 @@
 
      [:div.element-set-content
 
-      [:div.row-flex
+      [:div.row-flex.center
        [:div.presets.custom-select.flex-grow {:on-click #(reset! show-presets-dropdown? true)}
         [:span (tr "workspace.options.size-presets")]
         [:span.dropdown-button i/arrow-down]