From 634141637bfa6978d1d21e32916f4be3f406718f Mon Sep 17 00:00:00 2001 From: Nad Chishtie Date: Wed, 11 Sep 2019 16:08:24 -0700 Subject: [PATCH] Remove extraneous content & styles. Style improvements. --- src/vector/mobile_guide/index.html | 85 ++++++++---------------------- src/vector/mobile_guide/index.js | 2 +- 2 files changed, 24 insertions(+), 63 deletions(-) diff --git a/src/vector/mobile_guide/index.html b/src/vector/mobile_guide/index.html index e1d54744bb..0491d28c42 100644 --- a/src/vector/mobile_guide/index.html +++ b/src/vector/mobile_guide/index.html @@ -45,30 +45,9 @@ body { .mx_HomePage_header { color: #2E2F32; - text-align: center; -} - -.mx_HomePage_header h1 { - margin-left: 0px; - margin-bottom: 20px; -} - -.mx_HomePage_header h2 { - margin-left: 0px; - margin-top: 5px; - margin-bottom: 20px; - margin-right: 20px; - color: #2E2F32; -} - -.mx_HomePage_header h1 a { - color: #2E2F32; -} - -.mx_HomePage_header h4 { - margin-top: -10px; - margin-right: 20px; - line-height: 1.4em; + display: flex; + align-items: center; + justify-content: center; } .mx_HomePage h3 { @@ -84,32 +63,20 @@ body { flex-direction: row; } -.mx_HomePage_toprow { - flex-wrap: wrap; - margin-top: 40px; -} - .mx_HomePage_row { flex: 1 1 0; - margin-right: 20px; - margin-top: 20px; display: flex; flex-direction: row; flex-wrap: wrap; } .mx_HomePage_logo { - margin-top: 20px; - margin-left: 20px; - margin-right: 30px; - margin-bottom: 20px; - display: inline; - height: 80px; + margin-right: 20px; } .mx_HomePage_container { display: block ! important; - margin: 20px; + margin: 10px 20px; } .mx_HomePage_errorContainer { @@ -125,10 +92,11 @@ body { .mx_HomePage_container h3, .mx_HomePage_container h4 { font-weight: 600; + margin-bottom: 32px; } .mx_Spacer { - margin-top: 30px; + margin-top: 24px; } .mx_FooterLink { @@ -140,6 +108,10 @@ body { font-size: 14px; } +.mx_SubtextTop { + margin-top: 32px; +} + @media screen and (max-width: 1120px) { body { font-size: 20px; @@ -153,13 +125,12 @@ body { .mx_Button { font-size: 18px; padding: 14px 28px; - margin-bottom: 12px; } - .mx_HomePage_toprow { - margin-top: 12px; + .mx_HomePage_header { + justify-content: left; } .mx_Spacer { - margin-top: 60px; + margin-top: 24px; } } @@ -191,15 +162,13 @@ body { -
-

Set up Riot on iOS or Android

-
+

Set up Riot on iOS or Android

-
+
-

1: Install the app

-

iOS: If you have an iPhone or iPad, install Riot from the Apple App Store.

+

Install the app

+

iOS (iPhone or iPad)

Download on the App Store. @@ -251,7 +220,7 @@ body { -

Android: If you have an Android device, Riot from Google Play or F-droid.

+

Android

@@ -357,30 +326,22 @@ body {
-