From 77de6c028805a21de8c780adb6a79b700eb07d1e Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Tue, 30 Mar 2021 02:39:54 +0200
Subject: [PATCH] Make icons slightly smaller, so they are the same size as
 before

---
 ts/editor-toolbar/ColorPicker.svelte | 10 ++++++++--
 ts/editor-toolbar/InnerButton.svelte |  4 ++--
 ts/editor-toolbar/LabelButton.svelte |  6 +++---
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/ts/editor-toolbar/ColorPicker.svelte b/ts/editor-toolbar/ColorPicker.svelte
index 6ccc7ca20..085f1b351 100644
--- a/ts/editor-toolbar/ColorPicker.svelte
+++ b/ts/editor-toolbar/ColorPicker.svelte
@@ -7,22 +7,28 @@
     button {
         display: inline-block;
         vertical-align: middle;
-        width: 30px;
-        height: 30px;
+        width: 28px;
+        height: 28px;
 
         padding: 0;
+
+        &:hover {
+            background-color: #eee;
+        }
     }
 
     span {
         display: inline-block;
         width: 100%;
         height: 100%;
+        cursor: pointer;
     }
 
     input {
         opacity: 0;
         width: 100%;
         height: 100%;
+        cursor: pointer;
     }
 </style>
 
diff --git a/ts/editor-toolbar/InnerButton.svelte b/ts/editor-toolbar/InnerButton.svelte
index b1ba1da8b..a8bc76688 100644
--- a/ts/editor-toolbar/InnerButton.svelte
+++ b/ts/editor-toolbar/InnerButton.svelte
@@ -9,8 +9,8 @@
     button {
         display: inline-block;
         vertical-align: middle;
-        width: 30px;
-        height: 30px;
+        width: 28px;
+        height: 28px;
 
         background-color: white;
 
diff --git a/ts/editor-toolbar/LabelButton.svelte b/ts/editor-toolbar/LabelButton.svelte
index 5e7c34049..be50d4c56 100644
--- a/ts/editor-toolbar/LabelButton.svelte
+++ b/ts/editor-toolbar/LabelButton.svelte
@@ -7,10 +7,10 @@
         display: inline-block;
         vertical-align: middle;
         width: auto;
-        height: 30px;
+        height: 26px;
 
-        padding: 3px 10px;
-        margin-right: 3px;
+        padding: 0 10px;
+        margin: 0 3px;
 
         &:focus {
             box-shadow: 0 0 0 0.05rem rgba(255, 255, 255, 0.5);