update layout

wallet-web/components/Layout.tsx

@@ -11,7 +11,7 @@ export const Layout = ({ children }: { children: React.ReactElement }) => {
       }}
     >
       <Grid container justify="center">
-        <Grid item xs={12} md={6} lg={4}>
+        <Grid item xs={12} md={8} xl={4}>
           {children}
         </Grid>
       </Grid>

wallet-web/components/bond/BondNodeForm.tsx

@@ -9,6 +9,7 @@ import {
   InputAdornment,
   Grid,
   TextField,
+  useMediaQuery,
 } from '@material-ui/core'
 import bs58 from 'bs58'
 import semver from 'semver'
@@ -81,6 +82,8 @@ export default function BondNodeForm(props: TBondNodeFormProps) {
     getBalance()
   }, [getBalance])
 
+  const matches = useMediaQuery('(min-width:768px)')
+
   const handleCheckboxToggle = () => {
     setAdvancedShown((prevSet) => !prevSet)
   }
@@ -312,9 +315,11 @@ export default function BondNodeForm(props: TBondNodeFormProps) {
             required
             id="amount"
             name="amount"
-            label={`Amount to bond (minimum ${nativeToPrintable(
-              minimumBond.amount
-            )} ${minimumBond.denom})`}
+            label={`Amount to bond ${
+              matches
+                ? '(minimum ' + nativeToPrintable(minimumBond.amount) + ')'
+                : ''
+            }`}
             error={!validateAmount}
             helperText={
               !validateAmount