Add media queries and mobile viewport

This commit is contained in:
Dale Harvey 2020-01-30 11:29:14 +01:00 committed by Jovan Gerodetti
parent 492dd42f4d
commit 74f798157f
2 changed files with 11 additions and 0 deletions

View file

@ -158,6 +158,16 @@ we don't have an account and should hide them. No account == no guest account ei
display: none;
}
@media only screen and (max-width : 480px) {
.mx_ButtonRow {
flex-direction: column;
}
.mx_ButtonRow > * {
margin: 0 0 10px 0;
}
}
</style>
<div class="mx_Parent">

View file

@ -15,6 +15,7 @@
<link rel="manifest" href="manifest.json">
<meta name="referrer" content="no-referrer">
<link rel="shortcut icon" href="<%= require('../../res/vector-icons/favicon.ico') %>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-title" content="Riot">
<meta name="application-name" content="Riot">
<meta name="msapplication-TileColor" content="#da532c">