From 74f798157f44561eb24f4dacefc60e04afe92676 Mon Sep 17 00:00:00 2001
From: Dale Harvey <dale@arandomurl.com>
Date: Thu, 30 Jan 2020 11:29:14 +0100
Subject: [PATCH 1/2] Add media queries and mobile viewport

---
 res/welcome.html      | 10 ++++++++++
 src/vector/index.html |  1 +
 2 files changed, 11 insertions(+)

diff --git a/res/welcome.html b/res/welcome.html
index 5331a934f0..67a6a0ae7f 100644
--- a/res/welcome.html
+++ b/res/welcome.html
@@ -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">
diff --git a/src/vector/index.html b/src/vector/index.html
index f93eb84a1a..6ebfc8d268 100644
--- a/src/vector/index.html
+++ b/src/vector/index.html
@@ -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">

From 061619929e3d6d4a65db4101d128df966a72a892 Mon Sep 17 00:00:00 2001
From: Jovan Gerodetti <jovan.gerodetti@titannano.de>
Date: Wed, 27 May 2020 14:28:50 +0200
Subject: [PATCH 2/2] Integrate requested changes from #12142

---
 res/welcome.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/res/welcome.html b/res/welcome.html
index 67a6a0ae7f..e9f1514a10 100644
--- a/res/welcome.html
+++ b/res/welcome.html
@@ -158,14 +158,14 @@ 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;
-  }
+@media only screen and (max-width: 480px) {
+    .mx_ButtonRow {
+        flex-direction: column;
+    }
 
-  .mx_ButtonRow > * {
-      margin: 0 0 10px 0;
-  }
+    .mx_ButtonRow > * {
+        margin: 0 0 10px 0;
+    }
 }
 
 </style>