From 7960ff86f21bf6f839caedea368075ab2518293e Mon Sep 17 00:00:00 2001
From: Tiberiu Ichim <tiberiu.ichim@gmail.com>
Date: Thu, 29 Jul 2021 19:40:26 +0300
Subject: [PATCH] Make sidebar form more usable

---
 src/StyleWrapper/schema.js  | 10 +++++-----
 src/Widgets/StyleSelect.jsx |  2 +-
 src/styles.less             |  4 ++++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/StyleWrapper/schema.js b/src/StyleWrapper/schema.js
index 5afc8ef..5a8439a 100644
--- 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
index 25f94a7..599c303 100644
--- 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
index 0b44096..360db43 100644
--- 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 {