Fix Bug 1239531 - Google logo on Play Store button is outdated

bedrock/firefox/templates/firefox/android/index.html

@@ -35,7 +35,7 @@
   {% call fxfamilynav('android', 'index') %}
     <div class="{% if has_widget %}show-widget{% endif %}">
       <a class="dl-button" rel="external" href="{{ settings.GOOGLE_PLAY_FIREFOX_LINK }}">
-        {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '129', 'height': '45', 'l10n': True}) }}
+        {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '152', 'height': '45', 'l10n': True}) }}
       </a>
       <button class="send-to button-flat-dark" type="button">{{ _('Get Firefox for Android') }}</button>
     </div>
@@ -62,7 +62,7 @@ <h2 class="heading">
         {{ send_to_device(platform='android', include_logo=False) }}
 
         <a class="dl-button" rel="external" href="{{ settings.GOOGLE_PLAY_FIREFOX_LINK }}" data-button-type="download" data-interaction="download click" data-download-version="Firefox for Android">
-          {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '129', 'height': '45', 'l10n': True}) }}
+          {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '152', 'height': '45', 'l10n': True}) }}
         </a>
         <small class="download-other">
           <a class="dl-button" href="{{ firefox_url('android', 'all') }}">{{_('Systems &amp; Languages')}}</a>
@@ -391,7 +391,7 @@ <h2 class="heading">{{ _('Don’t leave home without being in Sync') }}</h2>
           <h3>{{ _('Choose Firefox') }}</h3>
           <div id="send-to-device-footer">
             <a class="dl-button" rel="external" href="{{ settings.GOOGLE_PLAY_FIREFOX_LINK }}" data-button-type="download" data-interaction="button download click" data-download-version="Firefox for Android" data-alt="{{ _('Get Firefox for Android') }}">
-              {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '129', 'height': '45', 'l10n': True}) }}
+              {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '152', 'height': '45', 'l10n': True}) }}
             </a>
             <button class="send-to button-flat-dark" type="button">{{ _('Get Firefox for Android') }}</button>
           </div>

bedrock/firefox/templates/firefox/mobile-download.html

@@ -51,7 +51,7 @@ <h1 class="large" id="main-headline">
         <ul>
           <li class="android">
             <a rel="external" href="{{ settings.GOOGLE_PLAY_FIREFOX_LINK }}">
-              {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '129', 'height': '45', 'l10n': True}) }}
+              {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '152', 'height': '45', 'l10n': True}) }}
             </a>
           </li>
           <li class="ios">

bedrock/firefox/templates/firefox/new.html

@@ -167,7 +167,7 @@ <h1 class="large" id="main-headline">
         <ul>
           <li class="android">
             <a rel="external" href="{{ settings.GOOGLE_PLAY_FIREFOX_LINK }}">
-              {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '129', 'height': '45', 'l10n': True}) }}
+              {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '152', 'height': '45', 'l10n': True}) }}
             </a>
           </li>
           <li class="ios">

bedrock/firefox/templates/firefox/private-browsing.html

@@ -40,7 +40,7 @@ <h1>{{ _('More protection. <br>The most privacy. <br>Only from Firefox.') }}</h1
             </div>
             <div class="android-download-button">
               <a rel="external" href="{{ settings.GOOGLE_PLAY_FIREFOX_LINK }}" data-button-type="download" data-interaction="download click" data-download-version="Firefox for Android">
-                {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '129', 'height': '45', 'l10n': True}) }}
+                {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '152', 'height': '45', 'l10n': True}) }}
               </a>
             </div>
             <div class="ios-download-button">
@@ -138,7 +138,7 @@ <h2>{{ _('To give the new Private Browsing a try, download Firefox.') }}</h2>
           </div>
           <div class="android-download-button">
             <a rel="external" href="{{ settings.GOOGLE_PLAY_FIREFOX_LINK }}" data-button-type="download" data-interaction="download click" data-download-version="Firefox for Android">
-              {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '129', 'height': '45', 'l10n': True}) }}
+              {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '152', 'height': '45', 'l10n': True}) }}
             </a>
           </div>
           <div class="ios-download-button">

bedrock/firefox/templates/firefox/releases/release-notes.html

@@ -265,7 +265,7 @@ <h4>{{ _('unresolved') }}</h4>
             </div>
             <div class="android-download-button">
               <a rel="external" href="{{ settings.GOOGLE_PLAY_FIREFOX_LINK }}" data-button-type="download" data-interaction="download click" data-download-version="Firefox for Android">
-                {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '129', 'height': '45', 'l10n': True}) }}
+                {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '152', 'height': '45', 'l10n': True}) }}
               </a>
             </div>
             <div class="ios-download-button">

bedrock/firefox/templates/firefox/sync.html

@@ -216,7 +216,7 @@ <h3>{{ _('On the go') }}</h3>
       <header>
         <h3>{{ _('Get Firefox everywhere') }}</h3>
         <a href="{{ settings.GOOGLE_PLAY_FIREFOX_LINK }}" data-interaction="button click" data-element-action="Sync CTA" id="cta-android-footer">
-          {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '129', 'height': '45', 'l10n': True}) }}
+          {{ high_res_img('firefox/android/btn-google-play.png', {'alt': _('Get it on Google Play'), 'width': '152', 'height': '45', 'l10n': True}) }}
         </a>
         <a href="{{ firefox_ios_url('mozorg-sync_page-appstore-button-footer') }}" data-interaction="button click" data-element-action="Sync CTA" id="cta-ios-footer">
           <img src="{{ l10n_img('firefox/ios/btn-app-store.svg') }}" alt="{{ _('Download on the App Store') }}" width="152" height="45">

media/css/firefox/mobile-download.less

@@ -80,23 +80,15 @@ html[lang|="en"] #main-headline span:first-child {
         margin: @baseLine auto (@baseLine * 2);
         padding: 0;
         list-style: none;
-        width: 361px;
+        width: 384px;
         .clearfix();
     }
 
     li {
         float: left;
         margin: 0 @baseLine;
+        width: 152px;
         height: 45px;
-
-        // ie8 seems to need widths set to display properly
-        &.android {
-            width: 129px;
-        }
-
-        &.ios {
-            width: 152px;
-        }
     }
 
     a {

media/css/firefox/new.less

@@ -418,24 +418,16 @@ html[lang|="en"] #main-headline span:first-child {
         margin: @baseLine auto (@baseLine * 2);
         padding: 0;
         list-style: none;
-        width: 361px;
+        width: 384px;
         .clearfix();
     }
 
     li {
         display: inline;
         float: left;
         margin: 0 @baseLine;
+        width: 152px;
         height: 45px;
-
-        // ie8 seems to need widths set to display properly
-        &.android {
-            width: 129px;
-        }
-
-        &.ios {
-            width: 152px;
-        }
     }
 
     a {