fix margins

nginx/vue/src/App.vue

@@ -5,8 +5,8 @@ import Footer from "@/components/Footer.vue";
 </script>
 
 <template>
+    <Navbar class="no-print" />
     <RouterView />
 
-    <Navbar class="no-print" />
     <!-- <Footer style="height: 10vh" /> -->
 </template>

nginx/vue/src/assets/styles.css

@@ -84,7 +84,7 @@ body {
 }
 
 main {
-    @apply overflow-y-scroll;
+    @apply overflow-y-scroll w-full h-full p-10;
 }
 
 input {

nginx/vue/src/components/Navbar.vue

@@ -45,9 +45,7 @@ const faces_string = faces.join("      ");
 </script>
 
 <template>
-    <nav
+    <nav class="flex flex-row w-full h-fit border border-primary bg-bg_primary">
-        class="flex flex-row w-full h-fit background border border-primary bg-bg_primary"
-    >
         <RouterLink class="bdr-2 bg-bg_primary" to="/" v-if="!inHome">
             <a>HOME</a>
         </RouterLink>

nginx/vue/src/views/CV.vue

@@ -157,9 +157,6 @@
                 </tbody>
             </table>
         </div>
-
-        <span class="no-print"></span>
-
         <div class="a4page">
             <h2>Experience</h2>
             <table>
@@ -437,15 +434,16 @@
     border: 1px solid var(--primary);
     overflow: auto;
     /* Enables scrolling when content exceeds height */
-    margin: 0 auto;
+    margin: auto auto;
     /* Centers the page horizontally */
 }
 
 /* Component Styling */
 main {
+    padding: 0px;
     display: flex;
     flex-direction: column;
-    gap: 0px;
+    height: fit-content;
 }
 
 span {

nginx/vue/src/views/home/Home.vue

@@ -19,7 +19,7 @@ import UtenaFrame from "@/components/borders/UtenaFrame.vue";
 
 <template>
     <main class="halftone justify-center flex flex-row w-full h-full">
-        <div class="h-fit flex flex-row m-32">
+        <div class="h-fit flex flex-row">
             <div class="a4page-portrait homeGrid relative bdr-1">
                 <Intro class="intro" />
                 <Listening class="listening" />