Bug 967888 - Minor visual bugs in settings fxa panels

Author: jaredhirsch

apps/settings/elements/firefox_accounts.html

@@ -17,7 +17,7 @@ <h1 data-l10n-id="fxa-accounts"> Firefox Accounts </h1>
         </li>
         <li>
           <label>
-            <button id="fxa-login">
+            <button class="recommend" id="fxa-login">
               <span data-l10n-id="fxa-login">Create Account or Sign In</span>
             </button>
           </label>
@@ -31,7 +31,7 @@ <h2 data-l10n-id="fxa-confirm-account">Confirm Your Account</h2>
       <ul>
         <li>
           <p data-l10n-id="fxa-verification-email-sent" id="fxa-unverified-text" class="description">
-            We've sent an email to: <em>foo@bar.com</em>
+            We've sent an email to: <strong>foo@bar.com</strong>
           </p>
           <p data-l10n-id="fxa-please-confirm" class="description">
             Please confirm your account by clicking the link in your email.
@@ -50,10 +50,10 @@ <h2 data-l10n-id="fxa-myaccount"> My Account </h2>
         <li>
           <p data-l10n-id="fxa-description" class="description">
             Firefox lets you use a single account to log in to services like
-            Marketplace and Where's my Fox.
+            Marketplace and Where’s My Fox.
           </p>
           <p data-l10n-id="fxa-logged-in-text" id="fxa-logged-in-text" class="description">
-            Logged in as <em>foo@bar.com</em>
+            Logged in as <strong>foo@bar.com</strong>
           </p>
         </li>
       </ul>
@@ -63,10 +63,10 @@ <h2 data-l10n-id="fxa-registered-apps-header"> Registered Apps </h2>
       </header>
       <ul>
         <li>
-          <span data-l10n-id="fxa-marketplace-app"> Marketplace </span>
+          <span data-l10n-id="fxa-marketplace-app"><strong> Marketplace </strong></span>
         </li>
         <li>
-          <span data-l10n-id="fxa-wheres-my-fox-app"> Where's my Fox </span>
+          <span data-l10n-id="fxa-wheres-my-fox-app"><strong> Where’s My Fox </strong></span>
         </li>
       </ul>
 

apps/settings/js/firefox_accounts.js

@@ -133,11 +133,11 @@ var FxaMenu = (function fxa_menu() {
 
     if (state == 'verified') {
       navigator.mozL10n.localize(menuDesc, 'fxa-logged-in-text', {
-        email: Normalizer.escapeHTML(email)
+        email: '<strong>' + Normalizer.escapeHTML(email) + '</strong>'
       });
     } else if (state == 'unverified') {
       navigator.mozL10n.localize(menuDesc, 'fxa-check-email', {
-        email: Normalizer.escapeHTML(email)
+        email: '<strong>' + Normalizer.escapeHTML(email) + '</strong>'
       });
     } else { // state == 'loggedout'
       navigator.mozL10n.localize(menuDesc, 'fxa-login');
@@ -241,8 +241,7 @@ var FxaPanel = (function fxa_panel() {
 
   function showLoggedInPanel(email) {
     navigator.mozL10n.localize(loggedInEmail, 'fxa-logged-in-text', {
-      // email: '<em>' + email + '</em>'
-      email: email
+      email: '<strong>' + email + '</strong>'
     });
     loggedInPanel.hidden = false;
     logoutBtn.onclick = _fxaModel.onLogoutClick;
@@ -256,8 +255,7 @@ var FxaPanel = (function fxa_panel() {
   function showUnverifiedPanel(email) {
     unverifiedPanel.hidden = false;
     navigator.mozL10n.localize(unverifiedEmail, 'fxa-verification-email-sent', {
-      // email: '<em>' + email + '</em>'
-      email: email
+      email: '<strong>' + email + '</strong>'
     });
   }
 

apps/settings/locales/settings.en-US.properties

@@ -624,7 +624,7 @@ accounts=Account Management
 fxa-accounts=Firefox Accounts
 
 # Panel: logged out
-fxa-description=Firefox lets you use a single account to log in to services like Marketplace and Where’s my Fox.
+fxa-description=Firefox lets you use a single account to log in to services like Marketplace and Where’s My Fox.
 fxa-login=Create Account or Sign In
 
 # Panel: logged in, unverified