diff --git a/internal/web/static/app.css b/internal/web/static/app.css index f2bf9ac..f853afa 100644 --- a/internal/web/static/app.css +++ b/internal/web/static/app.css @@ -143,7 +143,7 @@ body { /* paste view */ .meta-bar { display: flex; align-items: center; gap: 12px; padding: 12px 18px; flex-wrap: wrap; } .meta-bar h1 { font-size: 29.2px; font-weight: 600; } -.slug { font-family: var(--font-mono); font-size: 21.6px; color: var(--muted-fg); background: var(--surface-2); padding: 3px 9px; border-radius: var(--radius); } +.slug { font-family: var(--font-mono); font-size: 21.6px; color: var(--muted-fg); background: var(--surface-2); padding: 3px 9px; border-radius: var(--radius-sm); } .tag { font-size: 19.8px; color: var(--muted-fg); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 2px 9px; } .paste-title-bar { display: flex; align-items: center; gap: 12px; padding: 12px 18px; flex-wrap: wrap; } .paste-title-bar h1 { font-size: 29.2px; font-weight: 600; margin: 0; } @@ -215,10 +215,9 @@ th { text-align: left; font-size: 18.9px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted-fg); padding: 10px 16px; border-bottom: 1px solid var(--border); font-weight: 600; } -/* #92: the sort-ind span is absolutely positioned in the cell's right gutter, - so it can't shift the header label right of the data cells. */ -th.sortable { cursor: pointer; user-select: none; position: relative; padding-right: 34px; } -th.sortable .sort-ind { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); margin-left: 0; } +/* sort arrow: inline after the label with a consistent fixed gap */ +th.sortable { cursor: pointer; user-select: none; padding-right: 16px; } +th.sortable .sort-ind { position: static; transform: none; margin-left: 8px; margin-top: -2px; } td { padding: 10px 16px; border-bottom: 1px solid var(--border); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } tr:last-child td { border-bottom: none; } tr.row { cursor: pointer; }