Add more space around "Login" button (#511)

- Added margin-right for the "Login" button. - Fixed the responsiveness of the search input.
Lokiedu · Jul 10, 2016 · d16463c · d16463c
1 parent 225316e
commit d16463c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/auth-block.js b/src/components/auth-block.js
@@ -45,7 +45,7 @@ const AuthBlock = ({ current_user, is_logged_in }) => {
 
   return (
     <div className="header__toolbar">
-      <div className="header__toolbar_item">
+      <div className="header__toolbar_item header__toolbar_item-right_space">
         <Link className="header__toolbar_item" to="/auth">Login</Link>
       </div>
     </div>

diff --git a/src/less/blocks/search.less b/src/less/blocks/search.less
@@ -33,6 +33,14 @@
   background: none;
   border: none;
   margin: 0 @space 0;
+
+  @media @before-normal {
+    width: 160px;
+  }
+
+  @media @before-small {
+    width: 100%;
+  }
 }
 
 .search__icon {