From e1d92415f72996ce24737be8302d4f5f2a302020 Mon Sep 17 00:00:00 2001
From: Sacha Weatherstone <sachaw100@hotmail.com>
Date: Fri, 30 Sep 2022 18:03:58 +1000
Subject: [PATCH] Fix navbar sizing

---
 src/components/PageNav.tsx |  6 +++---
 src/components/Sidebar.tsx | 14 --------------
 2 files changed, 3 insertions(+), 17 deletions(-)

diff --git a/src/components/PageNav.tsx b/src/components/PageNav.tsx
index 9462287d..a019321b 100644
--- a/src/components/PageNav.tsx
+++ b/src/components/PageNav.tsx
@@ -54,15 +54,15 @@ export const PageNav = (): JSX.Element => {
   ];
 
   return (
-    <div className="flex h-full w-12 flex-shrink-0 items-center whitespace-nowrap border-r border-slate-200 bg-slate-50 py-4 text-sm [writing-mode:vertical-rl]">
-      <span className="mt-6 flex gap-4 font-bold text-slate-500">
+    <div className="t-4 flex h-full w-12 flex-shrink-0 items-center whitespace-nowrap border-r border-slate-200 bg-slate-50 text-sm [writing-mode:vertical-rl]">
+      <span className="mt-2 flex gap-4 font-bold text-slate-500">
         {pages.map((Link) => (
           <div
             key={Link.name}
             onClick={() => {
               setActivePage(Link.page);
             }}
-            className={`h-8 w-8 cursor-pointer rounded-md border-2 p-1 hover:border-orange-300 ${
+            className={`h-9 w-9 cursor-pointer rounded-md border-2 p-1.5 hover:border-orange-300 ${
               Link.page === activePage
                 ? "border-orange-400"
                 : "border-slate-200"
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 53c9c1ad..3b8a4f58 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -38,20 +38,6 @@ export const Sidebar = (): JSX.Element => {
         }}
       />
 
-      {/* <div className="text-left">
-        <p className="text-xl font-bold text-slate-900">
-          <a href="/">Their Side</a>
-        </p>
-        <p className="mt-3 text-font-medium leading-8 text-slate-700">
-          Conversations with the most tragically misunderstood people of our
-          time.
-        </p>
-      </div> */}
-
-      {/*  */}
-      {/*  */}
-      {/*  */}
-      {/*  */}
       <div className="flex flex-col gap-3">
         <NodeInfoWidget hardware={hardware} />
         <BatteryWidget