Merge pull request #217 from fen/fix-209

Fix #209 r2: arrows immediately right of the column label text
Fix #209 r2: arrows immediately right of label text, fixed gap
2026-09-10 13:27:49 -05:00 · 2026-09-10 13:14:28 -05:00
1 changed files with 4 additions and 4 deletions
@@ -523,11 +523,11 @@ td .id-link:hover { color: var(--accent); }
 th.sortable { cursor: pointer; user-select: none; }
 th.sortable:hover { color: var(--fg); }
 th.sortable { cursor: pointer; user-select: none; white-space: nowrap; }
-/* #209 rev: arrow sits IMMEDIATELY right of the label text (inline, small gap),
-   vertically centered, so the label text aligns with its column contents. */
+/* #209: arrow sits RIGHT of the label, vertically centered, and absolutely
+   positioned so it never shifts the label text; label aligns with column contents. */
 th.sortable .sort-ind {
-  display: inline-block; margin-left: 6px; vertical-align: middle;
-  width: 0; height: 0;
+  /* #209 r2: inline right after the label text with a fixed gap, not pinned to the column edge */
+  display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: middle;
  border-left: 5px solid transparent; border-right: 5px solid transparent;
 }
 th.sorted.asc .sort-ind { border-bottom: 6px solid var(--accent); }
Author	SHA1	Message	Date
fen	7c7e60375c	Merge pull request #217 from fen/fix-209 CI / test (push) Successful in 41s Details CI / docker (push) Successful in 37s Details Fix #209 r2: arrows immediately right of the column label text	2026-09-10 13:27:49 -05:00
fen	7cffd21df9	Fix #209 r2: arrows immediately right of label text, fixed gap CI / test (pull_request) Successful in 44s Details CI / docker (pull_request) Skipped Details Absolute right:8px pinned arrows to the column edge; inline span after the label with margin-left:6px keeps a consistent gap from the text.	2026-09-10 13:14:28 -05:00