Resized icons

Author: Aviral09

src/component/HeaderComps.jsx

@@ -62,8 +62,8 @@ const ActionButton = ({
         onKeyDown={(ev) => active && ev.key === ' ' && action()}
         data-tip={hotkey ? hotkey.split(',')[0] : ''}
     >
-        <div className="icon"><Icon size="25" /></div>
-        <div style={{ fontSize: 16 }}>{text}</div>
+        <div className="icon"><Icon size="20" /></div>
+        <div style={{ fontSize: 14 }}>{text}</div>
     </div>
 );
 

src/component/header.css

@@ -17,14 +17,14 @@
     padding-bottom: 5px;
     display: inline-flex;
     flex-direction: column;
-    min-width: 32px;
+    min-width: 60px;
     align-items: center;
     cursor: pointer;
     justify-content: space-between;
     box-sizing: border-box;
     color: rgba(0, 0, 0, 0.3);
     transition: none;
-    height: 64px;
+    height: 60px;
 }
 
 .toolbar .tool.active {