From d16463cd4e32c929cc0dbdf93e9e4a99a16aecf3 Mon Sep 17 00:00:00 2001
From: Dmitry Vdovin <voidxnull@gmail.com>
Date: Mon, 11 Jul 2016 00:20:31 +0200
Subject: [PATCH] Add more space around "Login" button (#511)

- Added margin-right for the "Login" button.
- Fixed the responsiveness of the search input.
---
 src/components/auth-block.js | 2 +-
 src/less/blocks/search.less  | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/auth-block.js b/src/components/auth-block.js
index 5555865b..64785491 100644
--- 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
index 77a6fe23..06f49d4a 100644
--- 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 {