diff --git a/css/style.css b/css/style.css index ecede60..9bb1ed9 100644 --- a/css/style.css +++ b/css/style.css @@ -894,7 +894,12 @@ input[type="range"]::-webkit-slider-thumb { } .entry-grid.is-list .entry-title { order: 2; - flex: 1; + /* Fixed track (not flex:1) so the password field that follows starts at + the SAME x on every row — otherwise variable trailing content + (tags/folder/icons) let the title grow by different amounts and the + pw pill drifted left/right per row. Short names leave whitespace; + long names ellipsise. */ + flex: 0 0 240px; min-width: 0; display: flex; flex-direction: column; } @@ -918,7 +923,10 @@ input[type="range"]::-webkit-slider-thumb { .entry-grid.is-list .entry-meta { order: 5; - margin: 0; + /* Absorb the free space freed up by the now-fixed title, pushing tags/ + folder + the order-6 actions to the far right while pw stays put. + (When a row has no meta, the order-6 rule below carries the auto.) */ + margin: 0 0 0 auto; flex-shrink: 0; max-width: 220px; overflow: hidden; @@ -939,6 +947,12 @@ input[type="range"]::-webkit-slider-thumb { order: 6; flex-shrink: 0; } +/* First trailing action floats right too, so rows WITHOUT an entry-meta + still push their actions to the far edge (margin-left:auto on the first + flex item consumes the free space; later ones are no-ops). */ +.entry-grid.is-list .entry-fav, +.entry-grid.is-list .entry-kebab-wrap, +.entry-grid.is-list .entry-head .icon-btn { margin-left: auto; } /* Selection checkbox overlay — nested INSIDE the avatar (.entry-avatar is position:relative) so it covers the avatar 1:1, no overlap with the avatar's footprint. Hidden by default; appears on card hover OR when