From 03b21ff56f6002d851731253dadc5f5328f47c6d Mon Sep 17 00:00:00 2001
From: Abhishek Jakhar <abhishekjakhar.11@gmail.com>
Date: Mon, 26 Oct 2020 00:11:28 +0530
Subject: [PATCH] make create-audit page responsive (#3069)

---
 .../lighthouse/src/components/CreateAudit/index.tsx   | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/plugins/lighthouse/src/components/CreateAudit/index.tsx b/plugins/lighthouse/src/components/CreateAudit/index.tsx
index 372992a718..55800d79ec 100644
--- a/plugins/lighthouse/src/components/CreateAudit/index.tsx
+++ b/plugins/lighthouse/src/components/CreateAudit/index.tsx
@@ -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%',
+      },
+    },
   },
 }));