From f71ae772b507d36c221de88de8877815d69477aa Mon Sep 17 00:00:00 2001
From: Victor Baranov <baranov.viktor.27@gmail.com>
Date: Mon, 22 Apr 2019 12:44:16 +0300
Subject: [PATCH] Fix search field border break/overlap

---
 .../assets/css/components/_navbar.scss                | 11 +++++++----
 .../block_scout_web/templates/layout/_topnav.html.eex |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/block_scout_web/assets/css/components/_navbar.scss b/apps/block_scout_web/assets/css/components/_navbar.scss
index 81038a3c95..667414d98a 100644
--- a/apps/block_scout_web/assets/css/components/_navbar.scss
+++ b/apps/block_scout_web/assets/css/components/_navbar.scss
@@ -20,6 +20,7 @@
     form {
       flex-grow: 1;
     }
+
   }
 
   .input-group {
@@ -79,9 +80,8 @@
   background: transparent;
   width: auto;
   font-size: 12px;
-  border-right: none;
+  border: none;
   color: $white;
-  border-color: transparentize($white, 0.30);
   padding-right: 0px;
 
 
@@ -109,8 +109,7 @@
 
 .navbar .input-group-text {
   background: none;
-  border-left: none;
-  border-color: transparentize($white, 0.30);
+  border: none;
 }
 
 .input-group-append {
@@ -160,3 +159,7 @@
     color: $white;
   }
 }
+
+.add-border {
+  border: 1px solid transparentize($white, 0.30);
+}
diff --git a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex
index c31c68ff42..f000e09111 100644
--- a/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex
+++ b/apps/block_scout_web/lib/block_scout_web/templates/layout/_topnav.html.eex
@@ -78,7 +78,7 @@
         </li>
       </ul>
       <div class="search-form d-lg-flex d-inline-block">
-        <%= form_for @conn, chain_path(@conn, :search), [class: "form-inline my-2 my-lg-0", method: :get, enforce_utf8: false], fn f -> %>
+        <%= form_for @conn, chain_path(@conn, :search), [class: "form-inline my-2 my-lg-0 add-border", method: :get, enforce_utf8: false], fn f -> %>
 
         <div class="input-group">
               <%= awesomplete(f, :q,