diff --git a/internal/web/static/app.css b/internal/web/static/app.css
index 67df380..2ce654c 100644
--- a/internal/web/static/app.css
+++ b/internal/web/static/app.css
@@ -523,12 +523,12 @@ 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: 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 { position: relative; padding-right: 24px; }
+/* #209 rev: arrow renders inline immediately after the label text (span now
+ follows the text in the markup), so the label left-aligns with its column
+ contents and no fixed right padding is needed. */
th.sortable .sort-ind {
- position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
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); }
diff --git a/internal/web/templates/history.html b/internal/web/templates/history.html
index cb6da95..579ac7e 100644
--- a/internal/web/templates/history.html
+++ b/internal/web/templates/history.html
@@ -10,13 +10,13 @@
- | Paste |
- Language |
- Size |
- Views |
- Created |
- URL |
- ID |
+ Paste |
+ Language |
+ Size |
+ Views |
+ Created |
+ URL |
+ ID |
diff --git a/internal/web/templates/mine.html b/internal/web/templates/mine.html
index 93d7a80..ac411b9 100644
--- a/internal/web/templates/mine.html
+++ b/internal/web/templates/mine.html
@@ -10,12 +10,12 @@
- | Paste |
- Language |
- Size |
- Created |
- URL |
- ID |
+ Paste |
+ Language |
+ Size |
+ Created |
+ URL |
+ ID |
|