[UI] Make homepage mobile friendly (#1692)

taskcluster · Oct 22, 2019 · 5d28247 · 5d28247
1 parent 476c6a4
commit 5d28247
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/changelog/issue-1664.md b/changelog/issue-1664.md
@@ -0,0 +1,3 @@
+level: silent
+reference: issue 1664
+---
diff --git a/ui/src/components/Homepage/index.jsx b/ui/src/components/Homepage/index.jsx
@@ -19,6 +19,7 @@ import SignInDialog from '../SignInDialog';
     fontFamily: 'Roboto500',
     [theme.breakpoints.down('sm')]: {
       marginBottom: theme.spacing.double,
+      fontSize: 40,
     },
   },
   actions: {
@@ -34,6 +35,11 @@ import SignInDialog from '../SignInDialog';
     fill: theme.palette.common.white,
     marginRight: theme.spacing.unit,
   },
+  ciDescription: {
+    [theme.breakpoints.down('sm')]: {
+      fontSize: 16,
+    },
+  },
 }))
 export default class HomePage extends Component {
   state = {
@@ -64,7 +70,7 @@ export default class HomePage extends Component {
             {window.env.APPLICATION_NAME}
           </Typography>
         </Hidden>
-        <Typography variant="h5">
+        <Typography variant="h5" className={classes.ciDescription}>
           A task execution framework that supports Mozilla&apos;s continuous
           integration and release processes.
         </Typography>