diff --git a/apps/firefox/templates/firefox/channel.html b/apps/firefox/templates/firefox/channel.html index f386db7b0b..f3e2a36423 100644 --- a/apps/firefox/templates/firefox/channel.html +++ b/apps/firefox/templates/firefox/channel.html @@ -28,8 +28,8 @@
{{ download_button('beta-download', 'channel', build='beta') }}
-
- {{ download_button('beta-download', 'channel', build='beta') }} +
+ {{ mobile_download_button('beta-download-mobile', 'channel', build='beta') }}

Learn more about Firefox Beta »

@@ -40,8 +40,8 @@
{{ download_button('primary-download', 'channel') }}
-
- {{ download_button('primary-download', 'channel') }} +
+ {{ mobile_download_button('primary-download-mobile', 'channel') }}

Learn more about Firefox »

@@ -52,8 +52,8 @@
{{ download_button('download', 'channel', build='aurora') }}
-
- {{ download_button('download', 'channel', build='aurora') }} +
+ {{ mobile_download_button('beta-download-mobile', 'channel', build='aurora') }}

Learn more about Firefox Aurora »

diff --git a/media/css/firefox/channel.less b/media/css/firefox/channel.less index e6fd80d593..1367a323ff 100644 --- a/media/css/firefox/channel.less +++ b/media/css/firefox/channel.less @@ -163,6 +163,20 @@ } } +.download-box.mobile .download-button .download-link { + position: relative; +} + +.download-box.mobile .download-button .download-link:after { + background: url(/media/img/firefox/channel/download-android.png) 0 0 no-repeat; + position: absolute; + content: ""; + height: 53px; + width: 55px; + right: 0; + bottom: 0; +} + p.more { margin-top: @baseLine; .open-sans;