Fixes #394

👬 // FREEBIE

options.html

@@ -49,15 +49,15 @@
     </div>
 
     <div id='step4' class='step'>
-        <p>Registering as</p>
-        <h3 class='number'></h3>
-        <p>Verify your phone number above, then give this computer a name.</p>
+        <p>Linking with</p>
+        <h2 class='number'></h2>
+        <img id='signal-computer' src='/images/signal-laptop.png'>
+        <p>This computer's name will be</p>
         <div>
           <input type='text' id='device-name' spellcheck='false'></input>
         </div>
-        <img id='signal-computer' src='/images/signal-laptop.png'>
         <div class='nav'>
-          <div> <a class='button' id='sync'>Lookin good</a> </div>
+          <div> <a class='button' id='sync'>Looking good</a> </div>
         </div>
     </div>
 

stylesheets/options.css

@@ -942,6 +942,7 @@ h3.step {
 #device-name {
   border: none;
   border-bottom: 1px solid white;
+  padding: 8px;
   background: transparent;
   color: white;
   font-weight: bold;
@@ -955,7 +956,7 @@ h3.step {
   #device-name:focus {
     outline: none; }
   #device-name:hover, #device-name:focus {
-    background: rgba(255, 255, 255, 0.3); }
+    background: rgba(255, 255, 255, 0.1); }
 
 #verifyCode,
 #code,

stylesheets/options.scss

@@ -166,6 +166,7 @@ h3.step {
 #device-name {
   border: none;
   border-bottom: 1px solid white;
+  padding: 8px;
   background: transparent;
   color: white;
   font-weight: bold;
@@ -185,7 +186,7 @@ h3.step {
   }
 
   &:hover, &:focus {
-    background: rgba(255,255,255,0.3);
+    background: rgba(255,255,255,0.1);
   }
 
 }