From 706aca57fe67eb25f03389d18244c352b613d737 Mon Sep 17 00:00:00 2001
From: cv <34649812+cpvalente@users.noreply.github.com>
Date: Fri, 4 Jun 2021 12:34:07 +0200
Subject: [PATCH] style: bigger icons

---
 client/src/features/menu/MenuBar.jsx          | 34 +++++++++++++++----
 .../features/menu/buttons/DownloadIconBtn.jsx |  3 --
 .../src/features/menu/buttons/HelpIconBtn.jsx |  3 --
 .../src/features/menu/buttons/InfoIconBtn.jsx |  3 --
 .../src/features/menu/buttons/MaxIconBtn.jsx  |  3 --
 .../src/features/menu/buttons/MinIconBtn.jsx  |  3 --
 .../features/menu/buttons/SettingsIconBtn.jsx |  3 --
 7 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/client/src/features/menu/MenuBar.jsx b/client/src/features/menu/MenuBar.jsx
index 489e10316..cc400a978 100644
--- a/client/src/features/menu/MenuBar.jsx
+++ b/client/src/features/menu/MenuBar.jsx
@@ -37,14 +37,34 @@ export default function MenuBar(props) {
 
   return (
     <>
-      <QuitIconBtn size='md' clickhandler={() => handleIPC('shutdown')} />
-      <MaxIconBtn size='md' clickhandler={() => handleIPC('max')} />
-      <MinIconBtn size='md' clickhandler={() => handleIPC('min')} />
+      <QuitIconBtn size='lg' clickhandler={() => handleIPC('shutdown')} />
+      <MaxIconBtn
+        style={{ fontSize: '1.5em' }}
+        size='lg'
+        clickhandler={() => handleIPC('max')}
+      />
+      <MinIconBtn
+        style={{ fontSize: '1.5em' }}
+        size='lg'
+        clickhandler={() => handleIPC('min')}
+      />
       <div className={style.gap} />
-      <HelpIconBtn size='md' clickhandler={() => handleIPC('help')} />
-      <SettingsIconBtn size='md' disabled />
-      <InfoIconBtn size='md' clickhandler={onOpen} />
-      <DownloadIconBtn size='md' clickhandler={handleDownload} />
+      <HelpIconBtn
+        style={{ fontSize: '1.5em' }}
+        size='lg'
+        clickhandler={() => handleIPC('help')}
+      />
+      <SettingsIconBtn style={{ fontSize: '1.5em' }} size='lg' disabled />
+      <InfoIconBtn
+        style={{ fontSize: '1.5em' }}
+        size='lg'
+        clickhandler={onOpen}
+      />
+      <DownloadIconBtn
+        style={{ fontSize: '1.5em' }}
+        size='lg'
+        clickhandler={handleDownload}
+      />
     </>
   );
 }
diff --git a/client/src/features/menu/buttons/DownloadIconBtn.jsx b/client/src/features/menu/buttons/DownloadIconBtn.jsx
index d55c41738..63c81c7e3 100644
--- a/client/src/features/menu/buttons/DownloadIconBtn.jsx
+++ b/client/src/features/menu/buttons/DownloadIconBtn.jsx
@@ -10,9 +10,6 @@ export default function DownloadIconBtn(props) {
         size={props.size || 'xs'}
         icon={<FiDownload />}
         colorScheme='white'
-        variant='outline'
-        isRound
-        borderColor='#fff1'
         onClick={clickhandler}
         _focus={{ boxShadow: 'none' }}
         {...rest}
diff --git a/client/src/features/menu/buttons/HelpIconBtn.jsx b/client/src/features/menu/buttons/HelpIconBtn.jsx
index 99eb6d12a..30f31e4d7 100644
--- a/client/src/features/menu/buttons/HelpIconBtn.jsx
+++ b/client/src/features/menu/buttons/HelpIconBtn.jsx
@@ -10,9 +10,6 @@ export default function HelpIconBtn(props) {
         size={props.size || 'xs'}
         icon={<FiHelpCircle />}
         colorScheme='white'
-        variant='outline'
-        isRound
-        borderColor='#fff1'
         onClick={clickhandler}
         _focus={{ boxShadow: 'none' }}
         {...rest}
diff --git a/client/src/features/menu/buttons/InfoIconBtn.jsx b/client/src/features/menu/buttons/InfoIconBtn.jsx
index 118342c9f..ad286e912 100644
--- a/client/src/features/menu/buttons/InfoIconBtn.jsx
+++ b/client/src/features/menu/buttons/InfoIconBtn.jsx
@@ -10,9 +10,6 @@ export default function InfoIconBtn(props) {
         size={props.size || 'xs'}
         icon={<FiHome />}
         colorScheme='white'
-        variant='outline'
-        isRound
-        borderColor='#fff1'
         onClick={clickhandler}
         _focus={{ boxShadow: 'none' }}
         {...rest}
diff --git a/client/src/features/menu/buttons/MaxIconBtn.jsx b/client/src/features/menu/buttons/MaxIconBtn.jsx
index 9724b7a8a..2fc72fd90 100644
--- a/client/src/features/menu/buttons/MaxIconBtn.jsx
+++ b/client/src/features/menu/buttons/MaxIconBtn.jsx
@@ -10,9 +10,6 @@ export default function MaxIconBtn(props) {
         size={props.size || 'xs'}
         icon={<FiMaximize />}
         colorScheme='white'
-        variant='outline'
-        isRound
-        borderColor='#fff1'
         onClick={clickhandler}
         _focus={{ boxShadow: 'none' }}
         {...rest}
diff --git a/client/src/features/menu/buttons/MinIconBtn.jsx b/client/src/features/menu/buttons/MinIconBtn.jsx
index 2c51306d8..8beb38aa0 100644
--- a/client/src/features/menu/buttons/MinIconBtn.jsx
+++ b/client/src/features/menu/buttons/MinIconBtn.jsx
@@ -10,9 +10,6 @@ export default function MinIconBtn(props) {
         size={props.size || 'xs'}
         icon={<FiMinimize />}
         colorScheme='white'
-        variant='outline'
-        isRound
-        borderColor='#fff1'
         onClick={clickhandler}
         _focus={{ boxShadow: 'none' }}
         {...rest}
diff --git a/client/src/features/menu/buttons/SettingsIconBtn.jsx b/client/src/features/menu/buttons/SettingsIconBtn.jsx
index a8a3233af..8f51d9223 100644
--- a/client/src/features/menu/buttons/SettingsIconBtn.jsx
+++ b/client/src/features/menu/buttons/SettingsIconBtn.jsx
@@ -10,9 +10,6 @@ export default function SettingsIconBtn(props) {
         size={props.size || 'xs'}
         icon={<FiSettings />}
         colorScheme='white'
-        variant='outline'
-        isRound
-        borderColor='#fff1'
         onClick={clickhandler}
         _focus={{ boxShadow: 'none' }}
         {...rest}