From 5b28bff48b384b79eeb57b396d942c29a5ef2360 Mon Sep 17 00:00:00 2001 From: claude Date: Sun, 4 Oct 2026 17:08:05 +0200 Subject: [PATCH] Settings: size the side menu to its longest label "Motif de recherche" overflowed the fixed 176px menu column. The column now grows to its longest label (176px minimum), and on narrow screens the tab labels wrap on spaces instead of being cut. Co-Authored-By: Claude Opus 5.5 (1M context) --- web/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/style.css b/web/style.css index e34fa4b..812b6b7 100644 --- a/web/style.css +++ b/web/style.css @@ -528,7 +528,7 @@ dialog.settings { } dialog.settings .dlg { display: flex; flex-direction: column; height: 100%; padding: 0; } dialog.settings .dlg > header { padding: 14px 16px 14px 22px; border-bottom: 1px solid var(--border); } -.set-body { flex: 1; min-height: 0; display: grid; grid-template-columns: 176px minmax(0, 1fr); } +.set-body { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(176px, max-content) minmax(0, 1fr); } .set-nav { display: flex; flex-direction: column; gap: 2px; padding: 12px 10px; border-right: 1px solid var(--border); @@ -794,7 +794,7 @@ input.switch:focus-visible { outline: 2px solid var(--accent); outline-offset: 2 flex-direction: column; justify-content: center; height: auto; padding: 6px 2px; gap: 3px; font-size: 11.5px; text-align: center; } - .set-nav button span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } + .set-nav button span { max-width: 100%; white-space: normal; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; } .set-panels { padding: 12px 12px 18px; } .set-panel { grid-template-columns: minmax(0, 1fr); gap: 10px; } .set-panel > .set-section, .set-panel > .set-section + .set-section { padding: 12px; }