From 37c0f26fd6c165b532806fe71943c254a3bfff19 Mon Sep 17 00:00:00 2001
From: jableader <jacobdunk@gmail.com>
Date: Wed, 16 Oct 2024 09:29:04 +1100
Subject: [PATCH] Stretch nav links

---
 src/App.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 27b3d7d..2066e12 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -42,6 +42,7 @@ export default {
 </script>
 
 <style>
+
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -70,6 +71,10 @@ export default {
     background-color: #333;
 }
 
+.nav li {
+    flex: 1;
+}
+
 /* Style the links inside the navigation bar */
 .nav a {
     display: inline-block;
@@ -80,7 +85,7 @@ export default {
 }
 
 /* Have active route use different color */
-.nav a.active {
+.nav li:has(> a.active) {
     background-color: #4CAF50;
     color: white;
 }