diff --git a/frontend/resources/styles/main/partials/forms.scss b/frontend/resources/styles/main/partials/forms.scss index f08faac704..e3c60124bd 100644 --- a/frontend/resources/styles/main/partials/forms.scss +++ b/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 { diff --git a/frontend/resources/styles/main/partials/sidebar-element-options.scss b/frontend/resources/styles/main/partials/sidebar-element-options.scss index 87c6f42ba6..accbee7770 100644 --- a/frontend/resources/styles/main/partials/sidebar-element-options.scss +++ b/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; diff --git a/frontend/src/uxbox/main/ui/components/forms.cljs b/frontend/src/uxbox/main/ui/components/forms.cljs index c00d8668ff..38c8c8c6b5 100644 --- a/frontend/src/uxbox/main/ui/components/forms.cljs +++ b/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] diff --git a/frontend/src/uxbox/main/ui/workspace/sidebar/options/frame.cljs b/frontend/src/uxbox/main/ui/workspace/sidebar/options/frame.cljs index 046ac1725a..705b63689c 100644 --- a/frontend/src/uxbox/main/ui/workspace/sidebar/options/frame.cljs +++ b/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]