From b92655ab1be0cb6633caf90cbd95b4bc7d9f7982 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Mon, 9 Feb 2026 16:28:10 +0000
Subject: [PATCH] fix margins

---
 nginx/vue/src/App.vue               | 2 +-
 nginx/vue/src/assets/styles.css     | 2 +-
 nginx/vue/src/components/Navbar.vue | 4 +---
 nginx/vue/src/views/CV.vue          | 8 +++-----
 nginx/vue/src/views/home/Home.vue   | 2 +-
 5 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/nginx/vue/src/App.vue b/nginx/vue/src/App.vue
index c14df95..2b8e5df 100644
--- a/nginx/vue/src/App.vue
+++ b/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>
diff --git a/nginx/vue/src/assets/styles.css b/nginx/vue/src/assets/styles.css
index 6b097b7..5512b24 100644
--- a/nginx/vue/src/assets/styles.css
+++ b/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 {
diff --git a/nginx/vue/src/components/Navbar.vue b/nginx/vue/src/components/Navbar.vue
index fe40584..2a89985 100644
--- a/nginx/vue/src/components/Navbar.vue
+++ b/nginx/vue/src/components/Navbar.vue
@@ -45,9 +45,7 @@ const faces_string = faces.join("      ");
 </script>
 
 <template>
-    <nav
-        class="flex flex-row w-full h-fit background border border-primary bg-bg_primary"
-    >
+    <nav class="flex flex-row w-full h-fit border border-primary bg-bg_primary">
         <RouterLink class="bdr-2 bg-bg_primary" to="/" v-if="!inHome">
             <a>HOME</a>
         </RouterLink>
diff --git a/nginx/vue/src/views/CV.vue b/nginx/vue/src/views/CV.vue
index f3d42c4..8a85a84 100644
--- a/nginx/vue/src/views/CV.vue
+++ b/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 {
diff --git a/nginx/vue/src/views/home/Home.vue b/nginx/vue/src/views/home/Home.vue
index 4a770ed..bc81e29 100644
--- a/nginx/vue/src/views/home/Home.vue
+++ b/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" />