Fix mobile

BrunoQuaresma · BrunoQuaresma · commit dceae5f8a739 · 2023-05-05T14:01:59.000Z
diff --git a/site/src/components/PageHeader/FullWidthPageHeader.tsx b/site/src/components/PageHeader/FullWidthPageHeader.tsx
@@ -34,9 +34,20 @@ const useStyles = makeStyles((theme) => ({
     top: 0,
     zIndex: 10,
     flexWrap: "wrap",
+
+    [theme.breakpoints.down("md")]: {
+      position: "unset",
+      alignItems: "flex-start",
+    },
+    [theme.breakpoints.down("sm")]: {
+      flexDirection: "column",
+    },
   },
   actions: {
     marginLeft: "auto",
+    [theme.breakpoints.down("sm")]: {
+      marginLeft: "unset",
+    },
   },
   title: {
     fontSize: 18,
diff --git a/site/src/components/WorkspaceStats/WorkspaceStats.tsx b/site/src/components/WorkspaceStats/WorkspaceStats.tsx
@@ -311,6 +311,15 @@ const useStyles = makeStyles((theme) => ({
     padding: 0,
     border: 0,
     gap: theme.spacing(6),
+    rowGap: theme.spacing(3),
+    flex: 1,
+
+    [theme.breakpoints.down("sm")]: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      gap: theme.spacing(1),
+    },
   },
 
   statsItem: {
