Fix positioning on forgot password

zooniverse · Sep 14, 2012 · 70a6811 · 70a6811
1 parent e26ff24
commit 70a6811
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/css/top_bar.styl b/css/top_bar.styl
@@ -115,11 +115,16 @@ body.show-top-bar
     .progress
       display: none
 
-   .inputs
-     display: inline
+    .inputs
+      display: inline-block
 
-   .buttons
-     display: inline
+      p
+        display: inline
+
+    .buttons
+      display: inline-block
+      position: relative
+      top: -28px
 
   #zooniverse-top-bar-languages
     float: right

diff --git a/src/views/top_bar.coffee b/src/views/top_bar.coffee
@@ -14,9 +14,13 @@ module.exports = """
   <div id="zooniverse-top-bar-login">
     <div class='login'>
       <div class="inputs">
-        <input name="username" placeholder="username" type="text" />
-        <input name="password" placeholder="password" type="password" />
-        <p class="password-recovery"><a href="https://www.zooniverse.org/password/reset">Forgot Password?</a></p>
+        <div class="textboxs">
+          <input name="username" placeholder="username" type="text" />
+          <input name="password" placeholder="password" type="password" />
+        </div>
+        <div class="reset">
+          <p class="password-recovery"><a href="https://www.zooniverse.org/password/reset">Forgot Password?</a></p>
+        </div>
       </div>
       <div class="buttons">
         <button name="login" type="button">Login</button>