From 69df9cecca357989ef4a5c056b67bd252641df01 Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Fri, 3 Jul 2020 22:00:51 -0400
Subject: Adding a search icon, and a faster transition.

---
 ui/src/components/navbar.tsx | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

(limited to 'ui/src/components/navbar.tsx')

diff --git a/ui/src/components/navbar.tsx b/ui/src/components/navbar.tsx
index 7c72d6cd..53b085e5 100644
--- a/ui/src/components/navbar.tsx
+++ b/ui/src/components/navbar.tsx
@@ -245,21 +245,22 @@ export class Navbar extends Component<any, NavbarState> {
                   placeholder={i18n.t('search')}
                   onBlur={linkEvent(this, this.handleSearchBlur)}
                 ></input>
-                <div class="mx-sm-2">
-                  <button
-                    name="search-btn"
-                    onClick={linkEvent(this, this.handleSearchBtn)}
-                    class="btn btn-secondary"
-                  >
-                    {i18n.t('search')}
-                  </button>
-                </div>
+                <button
+                  name="search-btn"
+                  onClick={linkEvent(this, this.handleSearchBtn)}
+                  class="btn btn-link"
+                  style="color: var(--gray)"
+                >
+                  <svg class="icon">
+                    <use xlinkHref="#icon-search"></use>
+                  </svg>
+                </button>
               </form>
             </div>
           )}
-          <ul class="navbar-nav ml-2">
+          <ul class="navbar-nav my-2">
             {this.canAdmin && (
-              <li className="nav-item mt-1">
+              <li className="nav-item">
                 <Link
                   class="nav-link"
                   to={`/admin`}
@@ -273,7 +274,7 @@ export class Navbar extends Component<any, NavbarState> {
             )}
             {this.state.isLoggedIn ? (
               <>
-                <li className="nav-item mt-1">
+                <li className="nav-item">
                   <Link class="nav-link" to="/inbox" title={i18n.t('inbox')}>
                     <svg class="icon">
                       <use xlinkHref="#icon-bell"></use>
-- 
cgit v1.2.3

