From 5173701ab2dac5d8d84b032aae545d3562444748 Mon Sep 17 00:00:00 2001 From: "Codex, agent ChatGPT" Date: Thu, 12 Mar 2026 18:07:30 +0100 Subject: [PATCH] Fix requests log column sizing --- internal/web/handler.go | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/internal/web/handler.go b/internal/web/handler.go index 0f412bf..e9c7ccf 100644 --- a/internal/web/handler.go +++ b/internal/web/handler.go @@ -909,13 +909,13 @@ const queryLogHTML = ` .toolbar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: .75rem; flex-wrap: wrap; } .toolbar-actions { display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; } .page-status { color: #cbd5e1; font-size: .92rem; } - .table-shell { overflow: hidden; } - table { width: 100%; border-collapse: collapse; table-layout: fixed; } + .table-shell { overflow-x: auto; overflow-y: hidden; } + table { width: 100%; border-collapse: collapse; table-layout: auto; } th, td { padding: .6rem .65rem; border-bottom: 1px solid #1e293b; text-align: left; vertical-align: top; } thead th { color: #93c5fd; } tbody tr:nth-child(even) { background: rgba(15, 23, 42, .55); } th.tight, td.tight { white-space: nowrap; width: 1%; } - th.request-col, td.request-cell { width: auto; } + th.request-col, td.request-cell { width: 100%; min-width: 18rem; } td.request-cell { overflow: hidden; } .request-text { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .status { display: inline-block; padding: .15rem .45rem; border-radius: 999px; font-size: .8rem; background: #1e293b; } @@ -928,8 +928,9 @@ const queryLogHTML = ` .method.post { background: #78350f; color: #fef3c7; } .method.head { background: #0c4a6e; color: #e0f2fe; } .method.other { background: #334155; color: #e2e8f0; } - .actions { display: flex; gap: .35rem; flex-wrap: wrap; } + .actions { display: flex; gap: .35rem; flex-wrap: nowrap; white-space: nowrap; } .action-link, button { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; border-radius: .45rem; padding: .3rem .6rem; font-size: .9rem; } + .action-link, button { white-space: nowrap; } .action-link { background: #1e293b; color: #e2e8f0; text-decoration: none; } button { background: #2563eb; color: white; border: 0; cursor: pointer; } button.secondary { background: #475569; } @@ -960,7 +961,6 @@ const queryLogHTML = ` header { padding: .9rem 1rem; } main { padding: 1rem; } .panel { padding: .85rem; } - .table-shell { overflow-x: auto; } table { min-width: 900px; } }