From a260e61ad4590fe874f6434193faeaa24bd213b7 Mon Sep 17 00:00:00 2001
From: Codeaid <codeaid@users.noreply.github.com>
Date: Sat, 4 May 2024 21:48:56 +0100
Subject: [PATCH] Increased navigation rail width

---
 src/components/Header/Header.module.css                 | 2 +-
 src/components/NavigationRail/NavigationRail.module.css | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
index 29773f3..035dfbe 100644
--- a/src/components/Header/Header.module.css
+++ b/src/components/Header/Header.module.css
@@ -3,7 +3,7 @@
   background: var(--color-bg-dark);
   display: grid;
   filter: var(--dropshadow-default);
-  grid-template-columns: calc(200px + 4rem) 1fr 200px;
+  grid-template-columns: calc(200px + 4.5rem) 1fr 200px;
   padding: 0 1em;
   z-index: 15;
 }
diff --git a/src/components/NavigationRail/NavigationRail.module.css b/src/components/NavigationRail/NavigationRail.module.css
index 948605b..c8318eb 100644
--- a/src/components/NavigationRail/NavigationRail.module.css
+++ b/src/components/NavigationRail/NavigationRail.module.css
@@ -5,7 +5,7 @@
   flex-direction: column;
   font-size: 1rem;
   padding: 1rem 0;
-  width: 4rem;
+  width: 4.5rem;
 }
 
 .NavigationRailMenu {
@@ -26,7 +26,7 @@
 
 .NavigationRailMenuItemIcon {
   fill: var(--font-color);
-  font-size: 1.6em;
+  font-size: 1.4em;
 }
 
 .NavigationRailMenuItem:hover .NavigationRailMenuItemIcon {
@@ -47,7 +47,7 @@
 
 .NavigationRailMenuItemLabel {
   color: var(--font-color);
-  font-size: 0.75em;
+  font-size: 0.8em;
   margin-top: 0.1em;
   text-align: center;
 }