From 7f94f174c32c39b38a3f6edf2b4e062da58d45cf Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Wed, 4 Feb 2026 13:32:43 +0000
Subject: [PATCH] more tailwind

---
 nginx/vue/src/assets/styles.css             | 37 ++++++++++++++++-----
 nginx/vue/src/components/home/Favorites.vue |  4 +--
 nginx/vue/src/components/home/Gym.vue       |  4 +--
 3 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/nginx/vue/src/assets/styles.css b/nginx/vue/src/assets/styles.css
index 0844f18..195c64f 100644
--- a/nginx/vue/src/assets/styles.css
+++ b/nginx/vue/src/assets/styles.css
@@ -39,13 +39,13 @@
     --portal_light_blue: #00a2ff;
 
     /* MAIN COLORS */
-    --primary: #5fb;
-    --secondary: #5ea;
+    --primary: #55ffbb;
+    --secondary: #62ff57;
     --tertiary: #2ea;
     --quaternary: #400;
 
     /* BACKGROUND COLORS */
-    --bg_primary: #011;
+    --bg_primary: #1b110e;
     --bg_secondary: #000;
     --link: #222;
 
@@ -68,6 +68,8 @@
     --color-bg_secondary: var(--bg_secondary);
     --color-link: var(--link);
 
+    --borderWidth-primary: var(--primary);
+
     --font-heading: var(--font_heading);
     --default-font-family: var(--font_default);
 }
@@ -93,7 +95,12 @@ h1,
 h2,
 h3,
 h4 {
-    @apply m-1 border-primary border-b font-heading text-primary;
+    @apply m-1 font-heading text-primary;
+}
+
+h1,
+h2 {
+    @apply border-primary border-b;
 }
 
 p {
@@ -105,17 +112,29 @@ button {
 }
 
 a {
-    @apply text-primary bg-link text-center;
+    @apply text-primary bg-link text-center font-heading;
 }
 
 table {
     @apply border-primary border text-primary;
 }
 
+td {
+    @apply gap-1;
+}
+
 tr {
     @apply border-primary border-b text-primary;
 }
 
+th {
+    @apply pr-3 pl-3 border-r border-dotted border-tertiary;
+}
+
+td {
+    @apply pr-3 pl-3;
+}
+
 /* END OF ELEMENTS */
 
 /* CLASSES */
@@ -148,26 +167,26 @@ tr {
 
 /* A5 Page */
 .a5page-landscape {
-    @apply m-0;
+    @apply m-0 box-content;
     height: 148mm;
     width: 210mm;
 }
 
 .a5page-portrait {
-    @apply m-0;
+    @apply m-0 box-content;
     width: 148mm;
     height: 210mm;
 }
 
 /* A4 Page */
 .a4page-portrait {
-    @apply m-0;
+    @apply m-0 box-content;
     width: 210mm;
     height: 297mm;
 }
 
 .a4page-landscape {
-    @apply m-0;
+    @apply m-0 box-content;
     height: 210mm;
     width: 297mm;
 }
diff --git a/nginx/vue/src/components/home/Favorites.vue b/nginx/vue/src/components/home/Favorites.vue
index 1dedf56..8ab8980 100644
--- a/nginx/vue/src/components/home/Favorites.vue
+++ b/nginx/vue/src/components/home/Favorites.vue
@@ -63,8 +63,8 @@ const favs = [
 <template>
     <div class="flex flex-col items-center">
         <h2>favs</h2>
-        <div class="overflow-scroll flex-1 border-box">
-            <OptionalLinkTable class="scroll" :data="favs" />
+        <div class="overflow-scroll w-full flex-1 border-box">
+            <OptionalLinkTable class="w-full" :data="favs" />
         </div>
     </div>
 </template>
diff --git a/nginx/vue/src/components/home/Gym.vue b/nginx/vue/src/components/home/Gym.vue
index 4e56763..4229c9b 100644
--- a/nginx/vue/src/components/home/Gym.vue
+++ b/nginx/vue/src/components/home/Gym.vue
@@ -10,8 +10,8 @@ const gym = [
 <template>
     <div class="flex flex-col items-center">
         <h2>Gym</h2>
-        <p>I'm not a gym geek but I have a consistent routine:</p>
-        <div class="overflow-scroll flex-1 border-box">
+        <p class="m-3">I'm not a gym geek but I always do:</p>
+        <div class="overflow-scroll w-full flex-1 border-box">
             <OptionalLinkTable :data="gym" />
         </div>
     </div>