style: bigger icons

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}
+      />
     </>
   );
 }

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}

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}

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}

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}

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}

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}