diff --git a/src/vector/mobile_guide/index.html b/src/vector/mobile_guide/index.html index dc14c979b99..e1d54744bb9 100644 --- a/src/vector/mobile_guide/index.html +++ b/src/vector/mobile_guide/index.html @@ -21,10 +21,9 @@ } .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 @@ cursor: pointer; padding: 12px 22px; word-break: break-word; + text-decoration: none; } .mx_Center { @@ -44,15 +44,13 @@ } .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 @@ 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 @@ 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 @@ 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 @@
If you have an iPhone or iPad, install the iOS Riot app from the Apple App Store.
+iOS: If you have an iPhone or iPad, install Riot from the Apple App Store.
-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.