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)}