style updates

tauri-wallet/src/routes/balance.tsx

@@ -26,30 +26,23 @@ export const Balance = () => {
                   SuccessMessage={
                     <Alert
                       severity="success"
-                      style={{ padding: theme.spacing(2, 4) }}
+                      style={{ padding: theme.spacing(2, 3) }}
                       action={
-                        <div
-                          style={{
-                            display: 'flex',
-                            justifyContent: 'flex-end',
-                          }}
+                        <Button
+                          variant="contained"
+                          size="small"
+                          color="primary"
+                          type="submit"
+                          onClick={() => {}}
+                          disabled={false}
+                          disableElevation
+                          startIcon={<Refresh />}
                         >
-                          <Button
-                            size="small"
-                            variant="contained"
-                            color="primary"
-                            type="submit"
-                            onClick={() => {}}
-                            disabled={false}
-                            disableElevation
-                            startIcon={<Refresh />}
-                          >
-                            Refresh
-                          </Button>
-                        </div>
+                          Refresh
+                        </Button>
                       }
                     >
-                      {'The current wallet balance is ' + client.balance}
+                      {'The current balance is ' + client.balance}
                     </Alert>
                   }
                   failureMessage="Failed to check the account balance!"

tauri-wallet/src/routes/send/SendWizard.tsx

@@ -27,10 +27,14 @@ export const SendWizard = () => {
   }
 
   return (
-    <div>
+    <div style={{ padding: theme.spacing(3, 0) }}>
       <Stepper
         activeStep={activeStep}
-        style={{ background: theme.palette.grey[50] }}
+        style={{
+          background: theme.palette.grey[50],
+          paddingBottom: 0,
+          paddingTop: 0,
+        }}
       >
         {steps.map((s, i) => (
           <Step key={i}>
@@ -44,6 +48,7 @@ export const SendWizard = () => {
           display: 'flex',
           justifyContent: 'center',
           alignItems: 'center',
+          padding: theme.spacing(0, 3),
         }}
       >
         {activeStep === 0 ? (
@@ -69,6 +74,9 @@ export const SendWizard = () => {
           display: 'flex',
           alignItems: 'center',
           justifyContent: 'flex-end',
+          borderTop: `1px solid ${theme.palette.grey[200]}`,
+          background: theme.palette.grey[100],
+          padding: theme.spacing(2),
         }}
       >
         {activeStep === 1 && (

tauri-wallet/src/routes/send/index.tsx

@@ -6,7 +6,7 @@ export const Send = () => {
   return (
     <Page>
       <Layout>
-        <NymCard title="Send tokens">
+        <NymCard title="Send tokens" noPadding>
           <SendWizard />
         </NymCard>
       </Layout>

tauri-wallet/src/routes/sign-in.tsx

@@ -65,7 +65,6 @@ export const SignIn = () => {
                   name="mnemonic"
                   autoComplete="mnemonic"
                   autoFocus
-                  style={{ background: 'white' }}
                 />
               </Grid>
               <Grid item>

tauri-wallet/src/theme.tsx

@@ -5,6 +5,9 @@ export const theme = createTheme({
     primary: {
       main: '#F4731B',
     },
+    secondary: {
+      main: '#009FA8',
+    },
   },
   overrides: {
     MuiButton: {