From 794a34d7f20ab5f56265b4dfced09a70072986cc Mon Sep 17 00:00:00 2001
From: Rishi Ghan <hghan@apple.com>
Date: Tue, 24 May 2022 15:34:14 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=80=20Re-arranged=20some=20nav=20items?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/client/components/Navbar.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/client/components/Navbar.tsx b/src/client/components/Navbar.tsx
index 4d4a389..c5587c6 100644
--- a/src/client/components/Navbar.tsx
+++ b/src/client/components/Navbar.tsx
@@ -25,7 +25,8 @@ const Navbar: React.FunctionComponent = (props) => {
 
   const searchPlaceholder = (): ReactElement => (
     <>
-      Search Library... <i className="fa-solid fa-magnifying-glass is-pulled-right mt-1"></i>
+      Search Library...{" "}
+      <i className="fa-solid fa-magnifying-glass is-pulled-right mt-1"></i>
     </>
   );
 
@@ -107,6 +108,11 @@ const Navbar: React.FunctionComponent = (props) => {
           <Link to="/search" className="navbar-item">
             Search ComicVine
           </Link>
+        </div>
+
+        <div className="navbar-end">
+          <a className="navbar-item is-hidden-desktop-only"></a>
+
           <div className="navbar-item has-dropdown is-hoverable">
             <a
               className="navbar-link  is-active"
@@ -243,10 +249,6 @@ const Navbar: React.FunctionComponent = (props) => {
               </div>
             </div>
           </div>
-        </div>
-
-        <div className="navbar-end">
-          <a className="navbar-item is-hidden-desktop-only"></a>
           <div className="navbar-item">
             <div className="field is-grouped">
               <p className="control">