From 5b0dbdd638642b85dc30c759a2c0c295cb3052da Mon Sep 17 00:00:00 2001
From: Nick van Santen <vansantennick@gmail.com>
Date: Sun, 3 Jan 2021 23:11:02 +0100
Subject: [PATCH] resized grid color picker

---
 src/css/settings-application.css             | 26 +++-----------------
 src/templates/settings/preferences/grid.html |  2 +-
 2 files changed, 4 insertions(+), 24 deletions(-)

diff --git a/src/css/settings-application.css b/src/css/settings-application.css
index f6e9fcb5..c0b11f95 100644
--- a/src/css/settings-application.css
+++ b/src/css/settings-application.css
@@ -93,29 +93,9 @@
   margin: 5px 5px 0 5px;
 }
 
-
-.grid-colors-list {
-  overflow: hidden;
-  padding: 0 5px;
-}
-
-.grid-colors-item {
-  float: left;
-  width: 20px;
-  height: 20px;
-  cursor: pointer;
-  border: 2px solid #888;
-  margin-right: 2px;
-  margin-bottom: 2px;
-  box-sizing: border-box;
-}
-
-.grid-colors-item:hover {
-  border-color: white;
-}
-
-.grid-colors-item.selected {
-  border-color: gold;
+.grid-color-container .sp-preview {
+  width: 16px;
+  height: 16px;
 }
 
 .settings-section-preferences > .settings-title {
diff --git a/src/templates/settings/preferences/grid.html b/src/templates/settings/preferences/grid.html
index 099dd2c3..33ce83eb 100644
--- a/src/templates/settings/preferences/grid.html
+++ b/src/templates/settings/preferences/grid.html
@@ -28,7 +28,7 @@
     </div>
     <div class="settings-item settings-item-grid-color">
       <label>Grid color</label>
-      <div class="tool-icon">
+      <div class="grid-color-container">
         <input id="grid-color-picker" class="color" type="text"/>
       </div>
     </div>