make create-audit page responsive (#3069)

2020-10-26 00:11:28 +05:30
parent ae567d8125
commit 03b21ff56f
1 changed files with 11 additions and 0 deletions
@@ -42,6 +42,9 @@ import LighthouseSupportButton from '../SupportButton';
 const useStyles = makeStyles(theme => ({
  input: {
    minWidth: 300,
+    [theme.breakpoints.down('xs')]: {
+      minWidth: '100%',
+    },
  },
  buttonList: {
    marginLeft: theme.spacing(-1),
@@ -49,6 +52,14 @@ const useStyles = makeStyles(theme => ({
    '& > *': {
      margin: theme.spacing(1),
    },
+    [theme.breakpoints.down('xs')]: {
+      marginLeft: 0,
+      marginRight: 0,
+      flexDirection: 'column',
+      '& > *': {
+        width: '100%',
+      },
+    },
  },
 }));