From 17788b202798257cdae4697390113c850c78e571 Mon Sep 17 00:00:00 2001
From: Nad Chishtie <n.chishtie@gmail.com>
Date: Tue, 9 Apr 2019 16:40:41 +0200
Subject: [PATCH] Improved responsive styling.

---
 src/vector/mobile_guide/index.html | 31 ++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

diff --git a/src/vector/mobile_guide/index.html b/src/vector/mobile_guide/index.html
index af461d5f..b4c65b3b 100644
--- a/src/vector/mobile_guide/index.html
+++ b/src/vector/mobile_guide/index.html
@@ -15,17 +15,16 @@ body {
 
 .mx_Button {
     margin-top: 40px;
-    height: 40px;
     border: 0;
-    border-radius: 40px;
+    border-radius: 4px;
+    font-size: 15px;
     margin-left: 4px;
     margin-right: 4px;
     min-width: 80px;
     background-color: #03B381;
     color: #fff;
     cursor: pointer;
-    font-size: 15px;
-    padding: 0 22px;
+    padding: 12px 22px;
     word-break: break-word;
 }
 
@@ -119,6 +118,30 @@ body {
     margin-top: 30px;
 }
 
+@media screen and (max-width: 1120px) {
+  body {
+      font-size: 28px;
+  }
+  h1 {
+      font-size: 26px;
+  }
+  h4 {
+      font-size: 20px;
+  }
+  .mx_Button {
+    font-size: 14px;
+    padding: 14px 28px;
+  }
+  .mx_HomePage_toprow {
+      margin-top: 20px;
+  }
+  .mx_Spacer {
+      margin-top: 60px;
+  }
+}
+
+
+
 </style>
 
 <meta name="apple-itunes-app" content="app-id=id1083446067">