diff --git a/src/vector/mobile_guide/index.html b/src/vector/mobile_guide/index.html index dc14c979b9..e1d54744bb 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; @@ -33,6 +32,7 @@ body { cursor: pointer; padding: 12px 22px; word-break: break-word; + text-decoration: none; } .mx_Center { @@ -44,15 +44,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 +58,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 +131,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 +151,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 +178,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 +251,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 +357,32 @@ body {
- diff --git a/src/vector/mobile_guide/index.js b/src/vector/mobile_guide/index.js index 3be589ef6c..d6dd2f7e34 100644 --- a/src/vector/mobile_guide/index.js +++ b/src/vector/mobile_guide/index.js @@ -92,9 +92,12 @@ async function initPage() { if (isUrl && !isUrl.endsWith('/')) isUrl += '/'; if (hsUrl !== 'https://matrix.org/') { + document.getElementById('configure_riot_button').href = + "https://riot.im/config/config?hs_url=" + encodeURIComponent(hsUrl) + + "&is_url=" + encodeURIComponent(isUrl); 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';