Make sidebar form more usable

eea · Jul 29, 2021 · 7960ff8 · 7960ff8
1 parent 36aa4bc
commit 7960ff8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/src/StyleWrapper/schema.js b/src/StyleWrapper/schema.js
@@ -6,6 +6,11 @@ export const StyleSchema = () => ({
     {
       id: 'default',
       title: 'Default',
+      fields: [],
+    },
+    {
+      id: 'presets',
+      title: 'Preset styles',
       fields: ['style_name'],
     },
     {
@@ -18,11 +23,6 @@ export const StyleSchema = () => ({
       title: 'Decorations',
       fields: ['shadowDepth', 'shadowColor', 'borderRadius'],
     },
-    {
-      id: 'decorations',
-      title: 'Decorations',
-      fields: ['shadowDepth', 'shadowColor', 'borderRadius'],
-    },
     {
       id: 'advanced',
       title: 'Advanced',

diff --git a/src/Widgets/StyleSelect.jsx b/src/Widgets/StyleSelect.jsx
@@ -43,7 +43,7 @@ const StyleSelectWidget = (props) => {
                   className={cx({ active: style.id === value })}
                 >
                   <Card.Content>
-                    <Item.Image size="tiny">{renderPreview(style)}</Item.Image>
+                    <Item.Image>{renderPreview(style)}</Item.Image>
                   </Card.Content>
                   <Card.Content extra>{style.title}</Card.Content>
                 </Card>

diff --git a/src/styles.less b/src/styles.less
@@ -32,6 +32,10 @@
 .style-select-widget {
   .card {
     cursor: pointer;
+
+    .extra.content {
+      padding: 0.4em !important;
+    }
   }
 
   .card.active {