From 796bbb065d6eb9c566a9d678ed4479ea057ae717 Mon Sep 17 00:00:00 2001
From: Maurice <mauriceboe@icloud.com>
Date: Wed, 14 Oct 2026 13:30:35 +0200
Subject: [PATCH] feat(layout): the trip name sits beside the logo as a badge
 instead of after a slash

---
 client/src/components/Layout/Navbar.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Layout/Navbar.tsx b/client/src/components/Layout/Navbar.tsx
index 1d49ee221..f4f93a7f7 100644
--- a/client/src/components/Layout/Navbar.tsx
+++ b/client/src/components/Layout/Navbar.tsx
@@ -158,12 +158,9 @@ export default function Navbar({ tripTitle, tripId, onBack, showBack, onShare }:
         )}
 
         {tripTitle && (
-          <>
-            <span className="hidden sm:inline text-content-faint">/</span>
-            <span className="hidden sm:inline text-sm font-medium truncate max-w-48 text-content-muted">
-              {tripTitle}
-            </span>
-          </>
+          <span className="hidden sm:inline-flex min-w-0 max-w-56 items-center rounded-full bg-surface-card px-2.5 py-1 shadow-sm ring-1 ring-inset ring-edge-faint">
+            <span className="truncate text-caption font-semibold text-content">{tripTitle}</span>
+          </span>
         )}
       </div>