diff --git a/nym-wallet/src/components/NymCard.tsx b/nym-wallet/src/components/NymCard.tsx
index bfaf7fa18a..0b218081b3 100644
--- a/nym-wallet/src/components/NymCard.tsx
+++ b/nym-wallet/src/components/NymCard.tsx
@@ -21,7 +21,6 @@ export const NymCard: React.FC<{
color: 'nym.background.dark',
py: 2.5,
px: 4,
- borderBottom: (theme) => `1px solid ${theme.palette.grey[200]}`,
}}
/>
{noPadding ? {children} : {children}}
@@ -30,7 +29,6 @@ export const NymCard: React.FC<{
}
const CardContentNoPadding = styled(CardContent)(({ theme }) => ({
- background: theme.palette.grey[50],
padding: 0,
'&:last-child': {
paddingBottom: 0,
diff --git a/nym-wallet/src/pages/bond/BondForm.tsx b/nym-wallet/src/pages/bond/BondForm.tsx
index 55609d15fc..306239eeb8 100644
--- a/nym-wallet/src/pages/bond/BondForm.tsx
+++ b/nym-wallet/src/pages/bond/BondForm.tsx
@@ -375,9 +375,7 @@ export const BondForm = ({
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
- borderTop: (theme) => `1px solid ${theme.palette.grey[200]}`,
- bgcolor: 'grey.100',
- padding: 2,
+ padding: 3,
}}
>
}
+ size="large"
>
Bond
diff --git a/nym-wallet/src/pages/delegate/DelegateForm.tsx b/nym-wallet/src/pages/delegate/DelegateForm.tsx
index dbcff4c4b0..e8c671daa8 100644
--- a/nym-wallet/src/pages/delegate/DelegateForm.tsx
+++ b/nym-wallet/src/pages/delegate/DelegateForm.tsx
@@ -115,9 +115,7 @@ export const DelegateForm = ({
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
- borderTop: (theme) => `1px solid ${theme.palette.grey[200]}`,
- bgcolor: 'grey.100',
- padding: 2,
+ padding: 3,
}}
>
}
+ size="large"
>
Delegate stake
diff --git a/nym-wallet/src/pages/receive/index.tsx b/nym-wallet/src/pages/receive/index.tsx
index 66a41cd792..afab517dc5 100644
--- a/nym-wallet/src/pages/receive/index.tsx
+++ b/nym-wallet/src/pages/receive/index.tsx
@@ -1,65 +1,37 @@
import React, { useContext } from 'react'
import QRCode from 'qrcode.react'
-import { Alert, Box, Card, Grid, Typography, useMediaQuery } from '@mui/material'
+import { Alert, Box, Stack, Typography } from '@mui/material'
import { CopyToClipboard, NymCard } from '../../components'
import { Layout } from '../../layouts'
import { ClientContext } from '../../context/main'
export const Receive = () => {
const { clientDetails } = useContext(ClientContext)
- const matches = useMediaQuery('(min-width:769px)')
return (
-
-
-
- You can receive tokens by providing this address to the sender
-
-
-
-
+
+ You can receive tokens by providing this address to the sender
+
+
+
-
-
-
- {clientDetails?.client_address}
-
-
-
-
-
- {clientDetails && }
-
-
-
-
-
-
+ Your address: {clientDetails?.client_address}
+
+
+
+
+ {clientDetails && }
+
)
diff --git a/nym-wallet/src/pages/send/SendWizard.tsx b/nym-wallet/src/pages/send/SendWizard.tsx
index f3965b3d0d..12abd78f24 100644
--- a/nym-wallet/src/pages/send/SendWizard.tsx
+++ b/nym-wallet/src/pages/send/SendWizard.tsx
@@ -138,9 +138,7 @@ export const SendWizard = () => {
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
- borderTop: (theme) => `1px solid ${theme.palette.grey[200]}`,
- bgcolor: 'grey.100',
- p: 2,
+ p: 3,
}}
>
{activeStep === 1 && (
@@ -155,6 +153,7 @@ export const SendWizard = () => {
data-testid="button"
onClick={activeStep === 0 ? handleNextStep : activeStep === 1 ? handleSend : handleFinish}
disabled={!!(methods.formState.errors.amount || methods.formState.errors.to || isLoading)}
+ size="large"
>
{activeStep === 0 ? 'Next' : activeStep === 1 ? 'Send' : 'Finish'}
diff --git a/nym-wallet/src/pages/settings/profile.tsx b/nym-wallet/src/pages/settings/profile.tsx
index 228d63e8ad..e9e4c6b0fb 100644
--- a/nym-wallet/src/pages/settings/profile.tsx
+++ b/nym-wallet/src/pages/settings/profile.tsx
@@ -18,9 +18,7 @@ export const Profile = () => {
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
- borderTop: (theme) => `1px solid ${theme.palette.grey[300]}`,
- bgcolor: 'grey.200',
- padding: 2,
+ padding: 3,
}}
>
diff --git a/nym-wallet/src/pages/undelegate/UndelegateForm.tsx b/nym-wallet/src/pages/undelegate/UndelegateForm.tsx
index aedb9884a9..6f1a7731ab 100644
--- a/nym-wallet/src/pages/undelegate/UndelegateForm.tsx
+++ b/nym-wallet/src/pages/undelegate/UndelegateForm.tsx
@@ -100,9 +100,7 @@ export const UndelegateForm = ({
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
- borderTop: (theme) => `1px solid ${theme.palette.grey[200]}`,
- bgcolor: 'grey.100',
- p: 2,
+ p: 3,
}}
>
}
+ size="large"
>
Undelegate stake
diff --git a/nym-wallet/src/pages/undelegate/index.tsx b/nym-wallet/src/pages/undelegate/index.tsx
index 4e90d739f9..3e7d57558f 100644
--- a/nym-wallet/src/pages/undelegate/index.tsx
+++ b/nym-wallet/src/pages/undelegate/index.tsx
@@ -91,9 +91,7 @@ export const Undelegate = () => {
display: 'flex',
alignItems: 'center',
justifyContent: 'flex-end',
- borderTop: '1px solid grey[200]',
- bgcolor: 'grey.100',
- p: 2,
+ p: 3,
}}
>
diff --git a/nym-wallet/src/theme/theme.tsx b/nym-wallet/src/theme/theme.tsx
index 02e4f92b9f..db13d2a16a 100644
--- a/nym-wallet/src/theme/theme.tsx
+++ b/nym-wallet/src/theme/theme.tsx
@@ -201,6 +201,7 @@ export const getDesignTokens = (mode: PaletteMode): ThemeOptions => {
styleOverrides: {
sizeLarge: {
height: 55,
+ padding: '13px 24px',
},
},
},