From 7b40e63e00a2e9138d330a58144e86cce8fb9fc7 Mon Sep 17 00:00:00 2001
From: Tuan Cao <caomanhtuanbsb@gmail.com>
Date: Thu, 24 Mar 2022 15:19:08 +0700
Subject: [PATCH] A little bit more styling and default expanded Side bar

---
 styles/style.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/styles/style.css b/styles/style.css
index bc79150..b3e9f81 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -8,6 +8,12 @@ a:hover {
 
 .container {
     display: flex;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    position: relative;
+    display: flex;
+    flex-direction: row;
     justify-content: center;
 }
 
@@ -22,8 +28,19 @@ a:hover {
 }
 
 .nav-bar {
-    width: 400px;
-    padding: 20px;
+    width: 300px;
+    flex: 0 0 300px;
+    position: relative;
+    height: 100%;
+    display: flex;
+    background-color: var(--background-primary-alt);
+    border-right: 1px solid var(--background-secondary-alt);
+    font-family:var(--default-font);
+    font-size: 14px;
+    line-height: 1.6;
+    min-height: 0;
+    padding-top: 20px;
+    flex-direction: column;
 }
 :root {
     --default-font: 'Inter', sans-serif;