From cf57eee5a3743a37b54e373c80d41d90821458ed Mon Sep 17 00:00:00 2001
From: Mathieu Moran <mathieumoran1@gmail.com>
Date: Mon, 26 Jan 2026 19:00:27 -0500
Subject: [PATCH] Trim long navbar usernames on mobile

Limit displayed user names to 15 characters with ellipsis to prevent layout wrap.
---
 public/js/app_header_boot.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/js/app_header_boot.js b/public/js/app_header_boot.js
index abbc102..2ab0504 100644
--- a/public/js/app_header_boot.js
+++ b/public/js/app_header_boot.js
@@ -42,15 +42,19 @@
   }
 
   const name = decoded.name || '';
+  const maxNameLength = 15;
+  const displayName = name.length > maxNameLength
+    ? name.slice(0, Math.max(0, maxNameLength - 3)) + '...'
+    : name;
   const nameTargets = document.querySelectorAll('[data-user-name]');
   if (nameTargets.length) {
     nameTargets.forEach((el) => {
-      if (el && !el.textContent) el.textContent = name;
+      if (el && !el.textContent) el.textContent = displayName;
     });
   } else {
     const nameEl = document.getElementById('user-name');
     if (nameEl && !nameEl.textContent) {
-      nameEl.textContent = name;
+      nameEl.textContent = displayName;
     }
   }
 
-- 
2.54.0