From b9a70fd37028169c725a6da082202afe13ff6b68 Mon Sep 17 00:00:00 2001
From: Daniel <danitex@danvics.com>
Date: Wed, 9 Sep 2026 15:23:02 +0200
Subject: [PATCH] fix: shorter menu words on mobile so every row fits the
 drawer width (Download, compact 13px rows with ellipsis)

---
 public/components/assistant.html | 2 +-
 public/css/assistant.css         | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/public/components/assistant.html b/public/components/assistant.html
index fa7a6896..452b116f 100644
--- a/public/components/assistant.html
+++ b/public/components/assistant.html
@@ -16,7 +16,7 @@
           <aside class="assistant-history">
             <button id="btn-assistant-drawer-close" class="assistant-drawer-close" type="button" aria-label="Close saved chats"><i class="fas fa-xmark"></i></button>
             <button id="btn-assistant-goback-rail" class="btn-sm btn-ghost assistant-goback-rail" type="button" title="Back to the main menu"><i class="fas fa-arrow-left"></i> Go back</button>
-            <button id="btn-assistant-download-rail" class="assistant-rail-action" type="button">Download transcript</button>
+            <button id="btn-assistant-download-rail" class="assistant-rail-action" type="button">Download</button>
             <button id="btn-assistant-create-image" class="assistant-create-image" type="button"><i class="fas fa-wand-magic-sparkles"></i> Create image</button>
             <button id="btn-assistant-clear" class="assistant-new-chat" type="button"><i class="fas fa-plus"></i> New chat</button>
             <div class="card">
diff --git a/public/css/assistant.css b/public/css/assistant.css
index c8ac8744..b1f0035e 100644
--- a/public/css/assistant.css
+++ b/public/css/assistant.css
@@ -340,6 +340,7 @@ body.assistant-workspace .assistant-learning-view { min-height: 0; height: 100vh
 .assistant-autosave-state.failed { color:var(--danger,#dc2626); }
 /* Rail goback is mobile-only; the topbar goback is desktop-only */
 .assistant-goback-rail { display:none; }
+.assistant-rail-action { display:none; }
 @media (max-width: 640px) {
   /* Go back lives in the drawer menu, clearly labeled at the top */
   .assistant-goback-rail { display:flex; align-items:center; gap:10px; align-self:stretch; width:100%; border:none; background:none; color:var(--g700); font-size:14px; padding:12px; border-radius:8px; text-align:left; margin-bottom:4px; }
@@ -348,9 +349,11 @@ body.assistant-workspace .assistant-learning-view { min-height: 0; height: 100vh
   .assistant-history .assistant-goback-rail i,
   .assistant-history .assistant-create-image i,
   .assistant-history .assistant-new-chat i { display:none; }
-  .assistant-rail-action { display:none; }
-  .assistant-rail-action { display:flex; align-items:center; width:100%; border:none; background:none; color:var(--g700); font-size:14px; padding:12px; border-radius:8px; text-align:left; font-family:inherit; }
+  .assistant-rail-action { display:flex; align-items:center; width:100%; border:none; background:none; color:var(--g700); font-size:13px; padding:11px 12px; border-radius:8px; text-align:left; font-family:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
   .assistant-rail-action:hover { background:var(--g100); }
+  /* Compact: every menu word fits the drawer width */
+  .assistant-goback-rail, .assistant-create-image, .assistant-new-chat { font-size:13px; padding:11px 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  .assistant-history .card-header h3 { font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
   /* The topbar keeps only the hamburger; Go back is in the menu */
   .assistant-topbar #btn-assistant-goback { display:none; }
   #btn-assistant-download-chat { display:none; }