From 10cada1f5180fb88d6477bfd2e6670bf617aeaf3 Mon Sep 17 00:00:00 2001
From: Lightling <contact@lightling.xyz>
Date: Fri, 17 May 2024 01:54:50 -0400
Subject: [PATCH] nest text in header links with spans and use spacer class in
 breadcrumb

---
 projects/frontend/src/components/shared/header-link.vue | 6 ++++--
 projects/frontend/src/main.vue                          | 5 +++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/projects/frontend/src/components/shared/header-link.vue b/projects/frontend/src/components/shared/header-link.vue
index d3e8744..b0607ea 100644
--- a/projects/frontend/src/components/shared/header-link.vue
+++ b/projects/frontend/src/components/shared/header-link.vue
@@ -27,10 +27,12 @@ li.header-entry
     v-else-if='!sameSite'
     :href='entry.path'
     :target='entry.target || "_self"'
-  ) {{ entry.displayName }}
+  )
+    span {{ entry.displayName }}
   router-link(
     v-else
     :to='{ name }'
     :target='entry.target || "_self"'
-  ) {{ entry.displayName }}
+  )
+    span {{ entry.displayName }}
 </template>
diff --git a/projects/frontend/src/main.vue b/projects/frontend/src/main.vue
index a9b7433..1d452e5 100644
--- a/projects/frontend/src/main.vue
+++ b/projects/frontend/src/main.vue
@@ -153,8 +153,9 @@ onMounted(async () => {
         )
           router-link(
             :to='{ path: breadcrumb.href }'
-          ) {{ breadcrumb.caption }}
-          span /
+          ) 
+            span {{ breadcrumb.caption }}
+          span.spacer /
     #header-controls
       ThemePicker
   main(