fix(css): Update recovery code placeholder text, and recovery code cs…

…s size (#6100), r=@shane-tomlinson
mozilla · Apr 26, 2018 · f9d5a6e · f9d5a6e
1 parent e870891
commit f9d5a6e
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 5 deletions.
diff --git a/app/images/recovery_code_copy.svg b/app/images/recovery_code_copy.svg
diff --git a/app/images/recovery_code_download.svg b/app/images/recovery_code_download.svg
diff --git a/app/images/recovery_code_print.svg b/app/images/recovery_code_print.svg
diff --git a/app/images/recovery_code_replace.svg b/app/images/recovery_code_replace.svg
diff --git a/app/scripts/templates/sign_in_recovery_code.mustache b/app/scripts/templates/sign_in_recovery_code.mustache
@@ -19,7 +19,7 @@
 
     <form novalidate>
       <div class="input-row token-code-row">
-        <input type="text" class="tooltip-below recovery-code" placeholder="{{#t}}Enter 8-digit recovery code{{/t}}" required autofocus />
+        <input type="text" class="tooltip-below recovery-code" placeholder="{{#t}}Enter 10-digit recovery code{{/t}}" required autofocus />
       </div>
 
       <div class="button-row">

diff --git a/app/styles/modules/_settings-totp.scss b/app/styles/modules/_settings-totp.scss
@@ -128,6 +128,9 @@
       display: inline-block;
       font-family: monospace;
       font-size: 2em;
+      @include respond-to('small') {
+        font-size: 1.5em;
+      }
       text-transform: uppercase;
       width: 49%;
     }