Fix tests and mobile

BrunoQuaresma · BrunoQuaresma · commit 0958bc6cb6ad · 2022-11-02T19:37:31.000Z
diff --git a/site/src/components/FormCloseButton/FormCloseButton.tsx b/site/src/components/FormCloseButton/FormCloseButton.tsx
@@ -48,7 +48,7 @@ const useStyles = makeStyles((theme) => ({
       opacity: 1,
     },
 
-    [theme.breakpoints.down("md")]: {
+    [theme.breakpoints.down("sm")]: {
       top: theme.spacing(1),
       right: theme.spacing(1),
     },
diff --git a/site/src/components/FullPageForm/FullPageHorizontalForm.tsx b/site/src/components/FullPageForm/FullPageHorizontalForm.tsx
@@ -43,7 +43,7 @@ const useStyles = makeStyles((theme) => ({
     paddingTop: theme.spacing(6),
     paddingBottom: theme.spacing(8),
 
-    [theme.breakpoints.down("md")]: {
+    [theme.breakpoints.down("sm")]: {
       paddingTop: theme.spacing(4),
       paddingBottom: theme.spacing(4),
     },
diff --git a/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx b/site/src/pages/CreateWorkspacePage/CreateWorkspacePageView.tsx
@@ -300,7 +300,7 @@ export const CreateWorkspacePageView: FC<
 
 const useStyles = makeStyles((theme) => ({
   formSections: {
-    [theme.breakpoints.down("md")]: {
+    [theme.breakpoints.down("sm")]: {
       gap: theme.spacing(8),
     },
   },
@@ -310,7 +310,7 @@ const useStyles = makeStyles((theme) => ({
     alignItems: "flex-start",
     gap: theme.spacing(15),
 
-    [theme.breakpoints.down("md")]: {
+    [theme.breakpoints.down("sm")]: {
       flexDirection: "column",
       gap: theme.spacing(2),
     },
@@ -322,7 +322,7 @@ const useStyles = makeStyles((theme) => ({
     position: "sticky",
     top: theme.spacing(3),
 
-    [theme.breakpoints.down("md")]: {
+    [theme.breakpoints.down("sm")]: {
       width: "100%",
       position: "initial",
     },
@@ -377,7 +377,7 @@ const useFormFooterStyles = makeStyles((theme) => ({
   button: {
     minWidth: theme.spacing(23),
 
-    [theme.breakpoints.down("md")]: {
+    [theme.breakpoints.down("sm")]: {
       width: "100%",
     },
   },
@@ -388,7 +388,7 @@ const useFormFooterStyles = makeStyles((theme) => ({
     flexDirection: "row-reverse",
     gap: theme.spacing(2),
 
-    [theme.breakpoints.down("md")]: {
+    [theme.breakpoints.down("sm")]: {
       flexDirection: "column",
       gap: theme.spacing(1),
     },
