From 72ef0344595f8a5876d7c8e0650f0b86f475a3b0 Mon Sep 17 00:00:00 2001 From: r-zakarya <82443831+r-zakarya@users.noreply.github.com> Date: Wed, 22 Jul 2026 11:56:48 +0100 Subject: [PATCH] fix(list): stop the folder/tag chips drifting row to row MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .entry-meta and the first order-6 action both had margin-left:auto, so the free space was SPLIT between them — the chips landed at a different x on every row depending on how wide the rest of the row was. .entry-meta is always present (empty when the entry has no chips), so its auto alone puts the actions at the far edge and right-aligns the chips against them. Co-Authored-By: Claude Opus 4.8 --- css/style.css | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/css/style.css b/css/style.css index 18d92f7..8716672 100644 --- a/css/style.css +++ b/css/style.css @@ -938,7 +938,7 @@ input[type="range"]::-webkit-slider-thumb { order: 5; /* 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.) */ + Sole auto margin in the row — see the note below the order-6 block. */ margin: 0 0 0 auto; flex-shrink: 0; max-width: 220px; @@ -960,12 +960,10 @@ 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; } +/* NOTE: no margin-left:auto here. .entry-meta is always in the DOM (empty + when the entry has no chips) and already carries the auto, so it absorbs + all the free space. A second auto margin would SPLIT the free space + between the two, drifting the chips left/right depending on row width. */ /* 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