From 527a90ed2df8d1e58c2439d91482fc9e48b066f0 Mon Sep 17 00:00:00 2001 From: rays Date: Fri, 9 Oct 2026 19:05:18 +0000 Subject: [PATCH] Keep a file's buttons on one row in the Files pane (#175) The pane is 245 px wide above 820 px, and a downloaded file's size and four buttons did not fit, so delete wrapped under the rest. The row no longer wraps, its gaps and the buttons' padding are tighter, and the size gives way with an ellipsis if anything still has to. Co-Authored-By: Claude Opus 5.5 --- web/app.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/web/app.css b/web/app.css index 26bc5cf..61f2805 100644 --- a/web/app.css +++ b/web/app.css @@ -806,7 +806,11 @@ body.scan-this .fhead [data-a=scan] .i,body.scan-any .fhead [data-a=scanall] .i, #files{grid-area:files;overflow-y:auto;padding:8px 12px;border-left:1px solid var(--line);background:var(--panel)} /* Nothing selected, or an item with no files: the list takes the width. */ #split:has(>#files[hidden]){grid-template-columns:minmax(0,1fr) 0} -#files .encbox{margin-top:8px} +/* One row in the narrow pane: four buttons and the size wrapped the last button under the rest. + The size gives way first, with an ellipsis. */ +#files .encbox{margin-top:8px;flex-wrap:nowrap;gap:6px;padding:10px} +#files .encbox .meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} +#files .encbox .btn.ico{padding:4px 7px;min-width:0;flex:none} #files .empty{padding:24px 0} .fhd{font-size:12px;color:var(--faint)} #grab{grid-area:grab;cursor:row-resize;background:var(--line)}