From 85dcd63d45f80c5230e5e7675045c5ed9b4bc1b6 Mon Sep 17 00:00:00 2001
From: Kazhnuz <kazhnuz@kobold.cafe>
Date: Sat, 4 Feb 2023 10:07:31 +0100
Subject: [PATCH] improvement: correction layout

---
 src/components/layout/TopBar.vue   |  2 +-
 src/styles/custom/_global.scss     | 13 ++++++++++++-
 src/styles/definitions/_fonts.scss |  2 +-
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/TopBar.vue b/src/components/layout/TopBar.vue
index bbd916e..e2cd604 100644
--- a/src/components/layout/TopBar.vue
+++ b/src/components/layout/TopBar.vue
@@ -1,6 +1,6 @@
 <template>
   <header class="bg-primary" id="topbar">
-    <div class="menu toolbar container fg-light d-block d-flex-sm">
+    <div class="menu toolbar fg-light d-block d-flex-sm">
       <ul>
         <li><router-link to="/" class="menu-item">Home</router-link></li>
         <li><router-link to="/about" class="menu-item">About</router-link></li>
diff --git a/src/styles/custom/_global.scss b/src/styles/custom/_global.scss
index 09e95ab..cc40308 100644
--- a/src/styles/custom/_global.scss
+++ b/src/styles/custom/_global.scss
@@ -1,25 +1,36 @@
 #topbar {
   position:fixed;
   width:100%;
+  z-index:2;
+  font-size: 0.85rem;
 }
 
 #wrapper {
   padding-top:3rem;
   display:flex;
-  height:100vh;
+  min-height:100vh;
 }
 
 #sidebar {
   padding-top:1rem;
+  padding-left:0.75rem;
   width:18rem;
+  position: fixed;
+  height: calc(100vh - 3rem);
+  overflow: scroll;
   h1 {
     text-align:center;
     padding-bottom:.5rem;
   }
+  .menu-item {
+    margin:3px;
+  }
+  font-size:0.85rem;
 }
 
 #page {
   flex-grow:1;
+  padding-left:18rem;
 }
 
 #content {
diff --git a/src/styles/definitions/_fonts.scss b/src/styles/definitions/_fonts.scss
index f81804c..ef20258 100644
--- a/src/styles/definitions/_fonts.scss
+++ b/src/styles/definitions/_fonts.scss
@@ -1,7 +1,7 @@
 // FONTS
 // Define how looks the text
 
-$fontsize: 4.5mm;
+$fontsize: 4.75mm;
 
 $fontweight_big: 300;
 $fontweight_base: 400;