Reduce icon dimensions

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,

sidebar/sidebar.scss

@@ -52,8 +52,7 @@
             padding: 0.25rem 0rem;
             display: flex;
             flex-wrap: nowrap;
-            line-height: 1rem;
+            line-height: 1.25rem;
-            line-height: 1.5rem;
             background: #fff;
             width: 100%;
 

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>

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;
                 }
             }
         }