From 4e3550cf03414f170fff19174af19d5b0314404f Mon Sep 17 00:00:00 2001
From: Arkadiusz Wieczorek <kontakt@arkadiusz-wieczorek.pl>
Date: Fri, 21 Jan 2022 00:00:29 +0100
Subject: [PATCH] Reduce icon dimensions

---
 sidebar/global.scss              |  4 ++++
 sidebar/sidebar.scss             |  3 +--
 sidebar/sidebar.tsx              |  6 +++---
 sidebar/stolen-data-cluster.scss | 12 ++++++++----
 4 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/sidebar/global.scss b/sidebar/global.scss
index c04c5d1..405ac44 100644
--- a/sidebar/global.scss
+++ b/sidebar/global.scss
@@ -10,6 +10,10 @@
     user-select: none;
 }
 
+body {
+    min-width: 24rem;
+}
+
 html {
     font-size: 1rem;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
diff --git a/sidebar/sidebar.scss b/sidebar/sidebar.scss
index 2315d17..45c45af 100644
--- a/sidebar/sidebar.scss
+++ b/sidebar/sidebar.scss
@@ -52,8 +52,7 @@
             padding: 0.25rem 0rem;
             display: flex;
             flex-wrap: nowrap;
-            line-height: 1rem;
-            line-height: 1.5rem;
+            line-height: 1.25rem;
             background: #fff;
             width: 100%;
 
diff --git a/sidebar/sidebar.tsx b/sidebar/sidebar.tsx
index 5f3085d..db68f4c 100644
--- a/sidebar/sidebar.tsx
+++ b/sidebar/sidebar.tsx
@@ -99,7 +99,7 @@ const Sidebar = () => {
                         >
                             {/* {stolenDataView ? 'Options' : 'Data'}
                              */}
-                            <SettingsIcon />
+                            <SettingsIcon width={20} height={20} />
                             <span>Ustawienia wtyczki</span>
                         </button>
                         {/* <button
@@ -123,7 +123,7 @@ const Sidebar = () => {
                         >
                             {/* {stolenDataView ? 'Options' : 'Data'}
                              */}
-                            <TrashIcon />
+                            <TrashIcon width={20} height={20} />
                             <span>Wyczyść ciasteczka</span>
                         </button>
                         <button
@@ -146,7 +146,7 @@ const Sidebar = () => {
                                 );
                             }}
                         >
-                            <MailIcon />
+                            <MailIcon width={20} height={20} />
                             <span>
                                 Utwórz wiadomość dla administratora tej witryny
                             </span>
diff --git a/sidebar/stolen-data-cluster.scss b/sidebar/stolen-data-cluster.scss
index 3a0450e..67cc88d 100644
--- a/sidebar/stolen-data-cluster.scss
+++ b/sidebar/stolen-data-cluster.scss
@@ -41,6 +41,7 @@
 
         tr {
             vertical-align: middle;
+            line-height: 1rem;
 
             &:hover {
                 background-color: $icd-yellow;
@@ -80,6 +81,7 @@
             overflow: hidden;
             word-break: break-all;
             text-overflow: clip;
+            padding-left: 0.25rem;
         }
 
         .icons {
@@ -87,25 +89,27 @@
             padding: 0 0.25rem;
             position: relative;
             top: 2px;
+            max-width: 10%;
+            min-width: 5%;
 
             .cookie-data {
                 path {
-                    fill: #000;
+                    fill: $mid-grey;
                 }
             }
             .request-with-cookie {
                 path {
-                    fill: #000;
+                    fill: $mid-grey;
                 }
             }
             .show-history-part {
                 path {
-                    fill: #000;
+                    fill: $mid-grey;
                 }
             }
             .request-with-history-part {
                 path {
-                    fill: #000;
+                    fill: $mid-grey;
                 }
             }
         }