From b714d330d607ebc5487e47e9938e3525a668b34f Mon Sep 17 00:00:00 2001
From: Lloyd Hilaiel <lloyd@hilaiel.com>
Date: Wed, 5 Oct 2011 15:48:52 -0600
Subject: [PATCH] another try at language and styles for issue #350.  meh.

---
 browserid/static/css/style.css | 6 +++---
 browserid/views/about.ejs      | 9 ++++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/browserid/static/css/style.css b/browserid/static/css/style.css
index 7fe7ed75f..d7c40e10e 100644
--- a/browserid/static/css/style.css
+++ b/browserid/static/css/style.css
@@ -181,13 +181,13 @@ hr {
   display: inline-block;
 }
 
-.steps {
+div.steps {
   width: 24px;
   height: 24px;
-  display: inline-block;
   vertical-align: bottom;
-  margin-right: 5px;
+  margin-right: 10px;
   background-image: url('/i/count.png');
+  float: left;
 }
 
 .one .steps {
diff --git a/browserid/views/about.ejs b/browserid/views/about.ejs
index 6976919ca..2bfe82b74 100644
--- a/browserid/views/about.ejs
+++ b/browserid/views/about.ejs
@@ -3,15 +3,14 @@
 
         <div class="video">
           <div class="description">
-            <b>BrowserID</b> is an <b>easier</b> way to sign into websites.  Sign in with
-            a <b>single click</b> without per-site passwords.
+            <b>BrowserID</b> is an <b>easier</b> way to sign in:
           </div>
         </div>
 
         <div class="row one cf">
             <img src="/i/tutorial_1.png">
             <div>
-                <p><span class="steps"></span> On your favorite website that supports BrowserID, Click the &lsquo;Sign In&rsquo; button.</p>
+                <p><div class="steps"></div> On your favorite website that supports BrowserID, Click the &lsquo;Sign In&rsquo; button.</p>
             </div>
         </div>
 
@@ -20,7 +19,7 @@
         <div class="row two cf">
             <img src="/i/tutorial_2.png">
             <div>
-                <p><span class="steps"></span> Select your preferred Email.</p>
+                <p><div class="steps"></div> Select your preferred Email.</p>
             </div>
 
         </div>
@@ -30,7 +29,7 @@
         <div class="row three cf">
             <img src="/i/tutorial_3.png">
             <div>
-                <p><span class="steps"></span> No passwords necessary, you're done!</p>
+                <p><div class="steps"></div> No passwords necessary, you're done!</p>
             </div>
         </div>
     </div>
-- 
GitLab