diff --git a/bedrock/firefox/templates/firefox/new.html b/bedrock/firefox/templates/firefox/new.html index a9303cd1c7..0b3225cfb5 100644 --- a/bedrock/firefox/templates/firefox/new.html +++ b/bedrock/firefox/templates/firefox/new.html @@ -132,12 +132,12 @@
+
+ {% include 'firefox/includes/social-share.html' %} +
{{_("Thanks for downloading Firefox!")}} {{_("As a non-profit, we’re free to innovate on your behalf without any pressure to compromise. You’re going to love the difference.")}} -
    diff --git a/media/css/firefox/new.less b/media/css/firefox/new.less index de74d1360c..53cc50f94b 100644 --- a/media/css/firefox/new.less +++ b/media/css/firefox/new.less @@ -82,7 +82,7 @@ } .download-button-wrapper { - margin: 0 auto; + margin: 10px auto 0 auto; width: 280px; } @@ -257,7 +257,7 @@ html.fxos { #main-feature { margin-top: 14px; - padding-bottom: 30px; + padding-bottom: 20px; h1.large { margin: 12px 50px; text-align: center; @@ -347,7 +347,7 @@ html[lang|="en"] #main-feature h1.large span:first-child { position: relative; margin: 0 auto; width: 100%; - height: 400px; + height: 420px; overflow: hidden; } @@ -374,7 +374,7 @@ html[lang|="en"] #main-feature h1.large span:first-child { .transition(bottom 0.4s ease 0.1s); &.scene2 { - bottom: -400px; + bottom: -420px; #scene2 { visibility: visible; } } } @@ -386,7 +386,7 @@ html[lang|="en"] #main-feature h1.large span:first-child { .scene { position: absolute; left: 0; - height: 400px; + height: 420px; width: 100%; .clearfix; overflow: hidden; @@ -397,7 +397,7 @@ html[lang|="en"] #main-feature h1.large span:first-child { } #scene2 { - top: -400px; + top: -420px; visibility: hidden; } @@ -412,6 +412,7 @@ html[lang|="en"] #main-feature h1.large span:first-child { .share-wrapper { text-align: center; + margin-bottom: 10px; } .socialshare { @@ -496,9 +497,9 @@ html[dir="rtl"] { } } } + .socialshare { - display: block; - margin: 5px auto 0 0; + display: none; } } diff --git a/media/js/firefox/new.js b/media/js/firefox/new.js index 1a838b6c80..e6ccf89093 100644 --- a/media/js/firefox/new.js +++ b/media/js/firefox/new.js @@ -107,7 +107,7 @@ $stage.addClass('stage-no-anim'); } - var CSSbottom = (scene === 2) ? '-400px' : 0; + var CSSbottom = (scene === 2) ? '-420px' : 0; $stage.data('scene', scene); $('.scene').css('visibility', 'visible'); if (!Modernizr.csstransitions && animate) {