From c95005265dbae9846b8ed0f9f14a43369c13946e Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Sun, 12 Sep 2021 01:26:57 +0100
Subject: [PATCH] button updates

---
 tauri-wallet/src/components/CopyToClipboard.tsx |  5 +++--
 tauri-wallet/src/components/NavigationCards.tsx |  2 +-
 tauri-wallet/src/theme.tsx                      | 12 ++++++++++++
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/tauri-wallet/src/components/CopyToClipboard.tsx b/tauri-wallet/src/components/CopyToClipboard.tsx
index 544ceea6d1..c1c6da79d2 100644
--- a/tauri-wallet/src/components/CopyToClipboard.tsx
+++ b/tauri-wallet/src/components/CopyToClipboard.tsx
@@ -38,10 +38,11 @@ export const CopyToClipboard = ({ text }: { text: string }) => {
   return (
     <Button
       size="small"
-      variant="outlined"
+      variant={copied ? 'text' : 'outlined'}
       aria-label="save"
       onClick={() => handleCopy({ text, cb: updateCopyStatus })}
-      endIcon={copied && <Check style={{ color: green[500] }} />}
+      endIcon={copied && <Check />}
+      style={copied ? { background: green[500], color: 'white' } : {}}
     >
       {copied ? 'Copied' : 'Copy'}
     </Button>
diff --git a/tauri-wallet/src/components/NavigationCards.tsx b/tauri-wallet/src/components/NavigationCards.tsx
index f85687ba00..89e842b69e 100644
--- a/tauri-wallet/src/components/NavigationCards.tsx
+++ b/tauri-wallet/src/components/NavigationCards.tsx
@@ -28,7 +28,7 @@ export const BalanceCard = () => {
         noPadding
         Action={
           <Tooltip title="Refresh balance">
-            <IconButton onClick={getBalance.fetchBalance}>
+            <IconButton onClick={getBalance.fetchBalance} size="small">
               <Refresh />
             </IconButton>
           </Tooltip>
diff --git a/tauri-wallet/src/theme.tsx b/tauri-wallet/src/theme.tsx
index 46ae236c30..c6a8d74f4f 100644
--- a/tauri-wallet/src/theme.tsx
+++ b/tauri-wallet/src/theme.tsx
@@ -35,6 +35,18 @@ export const theme = createTheme({
       text: {
         padding: '12px 24px',
       },
+      outlined: {
+        padding: '12px 24px',
+      },
+      textSizeSmall: {
+        padding: '6px 12px',
+      },
+      outlinedSizeSmall: {
+        padding: '8px 12px',
+      },
+      containedSizeSmall: {
+        padding: '8px 12px',
+      },
     },
 
     MuiStepIcon: {