center gombot icon

Closes mozilla/gombot#7
mozilla · Dec 27, 2012 · 7ceeeac · 7ceeeac
1 parent dc86471
commit 7ceeeac
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git a/infobars/gombot_infobar.css b/infobars/gombot_infobar.css
@@ -44,6 +44,15 @@ button:hover {
 
 .gombot-head {
     margin-right:20px;
+    margin-top:5px;
+    margin-left:5px;
+
+    float:left;
+}
+
+.infobar-message {
+    margin-top:6px;
+    float:left;
 }
 
 #never-for-this-site-button {

diff --git a/infobars/pin_entry_infobar.html b/infobars/pin_entry_infobar.html
@@ -5,16 +5,16 @@
 <body>
     <div id="infobar-container">
         <img class="gombot-head" src="/images/gombot_logo-19x19.png"/>
-        <span id="pin-entry-prompt">
+            <span id="pin-entry-prompt">
-            Enter PIN.
+                Enter PIN.
-        </span>
+            </span>
 
-      <span id="pin-entry">
+          <span id="pin-entry">
-          <input id="digit1" class="pin-digit"  maxlength="1" type="password" tabindex="1"/>
+              <input id="digit1" class="pin-digit"  maxlength="1" type="password" tabindex="1"/>
-          <input id="digit2" class="pin-digit"  maxlength="1" type="password" tabindex="2"/>
+              <input id="digit2" class="pin-digit"  maxlength="1" type="password" tabindex="2"/>
-          <input id="digit3" class="pin-digit"  maxlength="1" type="password" tabindex="3"/>
+              <input id="digit3" class="pin-digit"  maxlength="1" type="password" tabindex="3"/>
-          <input id="digit4" class="pin-digit"  maxlength="1" type="password" tabindex="4"/>
+              <input id="digit4" class="pin-digit"  maxlength="1" type="password" tabindex="4"/>
-      </span>
+          </span>
     </div>
     <a id="infobar-close-button" href="#">
         <img src="/images/close-x.png"/>

diff --git a/infobars/signup_nag_infobar.html b/infobars/signup_nag_infobar.html
@@ -4,7 +4,10 @@
 </head>
 <body>
     <img class="gombot-head" src="/images/gombot_logo-19x19.png"/>
-    Gombot can securely store this login for you. <a id="signup-link" href="#">Sign up</a> now!
+    <span class="infobar-message">
+        Gombot can securely store this login for you. <a id="signup-link" href="#">Sign up</a> now!
+    </span>
+
     <a id="infobar-close-button" href="#">
         <img src="/images/close-x.png"/>
     </a>