From 27afa3af745408f79a7eec3ea6580a1f9cd99f06 Mon Sep 17 00:00:00 2001 From: Nad Chishtie Date: Mon, 9 Sep 2019 16:40:06 -0700 Subject: [PATCH] Update styling & remove extraneous elements and copy in mobile install guide --- src/vector/mobile_guide/index.html | 110 ++++++++++++----------------- src/vector/mobile_guide/index.js | 2 +- 2 files changed, 48 insertions(+), 64 deletions(-) diff --git a/src/vector/mobile_guide/index.html b/src/vector/mobile_guide/index.html index dc14c979b9..7b5d655a68 100644 --- a/src/vector/mobile_guide/index.html +++ b/src/vector/mobile_guide/index.html @@ -21,10 +21,9 @@ body { } .mx_Button { - margin-top: 40px; border: 0; border-radius: 4px; - font-size: 15px; + font-size: 18px; margin-left: 4px; margin-right: 4px; min-width: 80px; @@ -44,15 +43,13 @@ body { } .mx_HomePage_header { - color: #454545; + color: #2E2F32; + text-align: center; } .mx_HomePage_header h1 { margin-left: 0px; margin-bottom: 20px; - margin-top: 20px; - margin-right: 20px; - color: #454545; } .mx_HomePage_header h2 { @@ -60,11 +57,11 @@ body { margin-top: 5px; margin-bottom: 20px; margin-right: 20px; - color: #454545; + color: #2E2F32; } .mx_HomePage_header h1 a { - color: #454545; + color: #2E2F32; } .mx_HomePage_header h4 { @@ -133,6 +130,15 @@ body { margin-top: 30px; } +.mx_FooterLink { + color: #368BD6; + text-decoration: none; +} + +.mx_Subtext { + font-size: 14px; +} + @media screen and (max-width: 1120px) { body { font-size: 20px; @@ -144,8 +150,9 @@ body { font-size: 16px; } .mx_Button { - font-size: 14px; + font-size: 18px; padding: 14px 28px; + margin-bottom: 12px; } .mx_HomePage_toprow { margin-top: 12px; @@ -170,35 +177,28 @@ body {
-
- - - +
+
-

Riot.im

-

Set up Riot on iOS & Android

+

Set up Riot on iOS or Android

-

Step 1: Install the app

-

iOS

-

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

+

1: Install the app

+

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

Download on the App Store. @@ -250,8 +250,7 @@ body { -

Android

-

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

+

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

@@ -357,47 +356,32 @@ body {
- diff --git a/src/vector/mobile_guide/index.js b/src/vector/mobile_guide/index.js index 3be589ef6c..e78992b7de 100644 --- a/src/vector/mobile_guide/index.js +++ b/src/vector/mobile_guide/index.js @@ -94,7 +94,7 @@ async function initPage() { if (hsUrl !== 'https://matrix.org/') { document.getElementById('step2_container').style.display = 'block'; document.getElementById('hs_url').innerText = hsUrl; - document.getElementById('step_login_header').innerHTML= 'Step 3: Register or Log in'; + document.getElementById('step_login_header').innerHTML= '3: Launch the app'; if (isUrl && isUrl !== "https://vector.im/") { document.getElementById('default_is').style.display = 'none';