Improve styling of styles settings panel

[MAILPOET-2600]
2020-02-26 11:05:11 +01:00
parent d83975dc64
commit b49ce7d4e4
2 changed files with 66 additions and 47 deletions
--- a/assets/css/src/components/formEditor/components/_sidebar.scss
+++ b/assets/css/src/components/formEditor/components/_sidebar.scss
@@ -86,6 +86,20 @@ $gutenberg-control-border-color-focus: #007cba;
  }
 }

+.mailpoet-styles-settings {
+  display: grid;
+  grid-auto-flow: row;
+  grid-row-gap: 30px;
+}
+
+.mailpoet-styles-settings-heading {
+  font-size: 15px;
+
+  .component-color-indicator {
+    vertical-align: text-bottom;
+  }
+}
+
 .CodeMirror {
  border: 1px solid #eee;
 }