From cd5443dd98ba177505ba989eb57206c1da97b3ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Remko=20Tron=C3=A7on?= <remko@el-tramo.be>
Date: Sun, 24 Oct 2021 20:58:03 +0200
Subject: [PATCH] Misc. styling & alignment fixes

---
 src/DatastoreAdmin.tsx | 10 +++++-----
 src/ui/icons/plus.tsx  |  1 -
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/DatastoreAdmin.tsx b/src/DatastoreAdmin.tsx
index a125eee..8533b3b 100644
--- a/src/DatastoreAdmin.tsx
+++ b/src/DatastoreAdmin.tsx
@@ -39,7 +39,7 @@ function DatastoreAdminView({ project }: { project: string }) {
         const r = await import_({ inputPath });
         return r;
       } catch (e) {
-        alert(e.message);
+        alert((e as Error).message);
       }
     },
     [import_],
@@ -56,7 +56,7 @@ function DatastoreAdminView({ project }: { project: string }) {
         const r = await export_({ outputPath: outputPath });
         alert(`Exported to "${r.outputURL}"`);
       } catch (e) {
-        alert(e.message);
+        alert((e as Error).message);
       }
     },
     [export_],
@@ -82,7 +82,7 @@ function DatastoreAdminView({ project }: { project: string }) {
             Datastore Admin
           </Link>
 
-          <ul className="navbar-nav ms-auto me-auto mb-2 mb-lg-0">
+          <ul className="navbar-nav ms-auto me-auto">
             <li className="nav-item">
               <Link
                 className={classNames("nav-link", !isQueryRoute && "active")}
@@ -122,11 +122,11 @@ function DatastoreAdminView({ project }: { project: string }) {
               </a>
             </li>
           </ul>
-          <ul className="navbar-nav mb-2 mb-lg-0">
+          <ul className="navbar-nav">
             <li className="nav-item me-3">
               <NamespaceSelector namespace={namespace} />
             </li>
-            <li className="navbar-text">{project}</li>
+            <li className="navbar-text text-nowrap">{project}</li>
           </ul>
         </div>
       </nav>
diff --git a/src/ui/icons/plus.tsx b/src/ui/icons/plus.tsx
index 7b4b963..b09d71a 100644
--- a/src/ui/icons/plus.tsx
+++ b/src/ui/icons/plus.tsx
@@ -7,7 +7,6 @@ const Plus = (props: IconProps) => (
     width="16"
     height="16"
     fill="currentColor"
-    className="bi"
     viewBox="0 0 16 16"
     {...props}
   >