From 34bdc818af6ff1135aff2d017407e5464ef0beee Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Fri, 22 Nov 2024 22:32:48 +1300
Subject: [PATCH] adjust padding and truncate app bar subtitle text if too long

---
 src/components/AppBar.vue                    | 6 +++---
 src/components/pages/NodeTraceRoutesPage.vue | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/AppBar.vue b/src/components/AppBar.vue
index ffadfbb..8395ca9 100644
--- a/src/components/AppBar.vue
+++ b/src/components/AppBar.vue
@@ -16,13 +16,13 @@
         </div>
 
         <!-- title and subtitle -->
-        <div class="my-auto mr-auto">
+        <div class="my-auto mr-auto overflow-hidden">
             <div class="font-bold">{{ title }}</div>
-            <div v-if="subtitle != null" class="text-sm">{{ subtitle }}</div>
+            <div v-if="subtitle != null" class="text-sm truncate">{{ subtitle }}</div>
         </div>
 
         <!-- optional: trailing -->
-        <div class="flex my-auto mr-2">
+        <div class="flex my-auto mx-2">
             <slot name="trailing"/>
         </div>
 
diff --git a/src/components/pages/NodeTraceRoutesPage.vue b/src/components/pages/NodeTraceRoutesPage.vue
index 23eb19e..ecb57ff 100644
--- a/src/components/pages/NodeTraceRoutesPage.vue
+++ b/src/components/pages/NodeTraceRoutesPage.vue
@@ -8,7 +8,7 @@
             </template>
             <template v-slot:trailing>
                 <RouterLink v-if="node" :to="{ name: 'node.traceroutes.run', params: { nodeId: node.num }}">
-                    <IconButton  class="mx-2 bg-transparent text-gray-700">
+                    <IconButton class="bg-transparent text-gray-700">
                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                             <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                         </svg>