From c569a7a858eefea85eea577711dfe9cbba391a4b Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Wed, 28 Jul 2021 18:01:40 +0100
Subject: [PATCH] ui tweak

---
 .../components/delegate/DelegateForm.tsx      | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/wallet-web/components/delegate/DelegateForm.tsx b/wallet-web/components/delegate/DelegateForm.tsx
index 67aac7da76..cb8caecb8e 100644
--- a/wallet-web/components/delegate/DelegateForm.tsx
+++ b/wallet-web/components/delegate/DelegateForm.tsx
@@ -83,13 +83,13 @@ export default function DelegateForm(props: DelegateFormProps) {
 
   return (
     <form onSubmit={submitForm}>
-      <Grid container spacing={3}>
+      <Grid container spacing={3} direction="column">
         <Grid item xs={12}>
           <TextField
             required
-            id='identity'
-            name='identity'
-            label='Node identity'
+            id="identity"
+            name="identity"
+            label="Node identity"
             error={!validIdentity}
             helperText={
               validIdentity
@@ -100,25 +100,25 @@ export default function DelegateForm(props: DelegateFormProps) {
           />
         </Grid>
 
-        <Grid item xs={12} sm={6}>
+        <Grid item xs={12} lg={6}>
           <TextField
             required
-            id='amount'
-            name='amount'
-            label='Amount to delegate'
+            id="amount"
+            name="amount"
+            label="Amount to delegate"
             error={!isValidAmount}
             helperText={isValidAmount ? '' : 'Please enter a valid amount'}
             onChange={handleAmountChange}
             fullWidth
             InputProps={{
               endAdornment: (
-                <InputAdornment position='end'>{DENOM}</InputAdornment>
+                <InputAdornment position="end">{DENOM}</InputAdornment>
               ),
             }}
           />
         </Grid>
         {allocationWarning && (
-          <Grid item>
+          <Grid item xs={12} lg={6}>
             <Alert severity={!isValidAmount ? 'error' : 'info'}>
               {allocationWarning}
             </Alert>
@@ -140,9 +140,9 @@ export default function DelegateForm(props: DelegateFormProps) {
       </Grid>
       <div className={classes.buttons}>
         <Button
-          variant='contained'
-          color='primary'
-          type='submit'
+          variant="contained"
+          color="primary"
+          type="submit"
           className={classes.button}
           disabled={!isValidAmount}
         >