diff --git a/static/hub.css b/static/hub.css index e0d88f9..82b9de5 100644 --- a/static/hub.css +++ b/static/hub.css @@ -226,9 +226,7 @@ button, .btn { .inst-row { margin: 10px 0; border: 1px solid var(--line); border-radius: 10px; padding: 8px 12px; } .overview-table-wrap { overflow-x: auto; - margin: 12px auto 0; - width: fit-content; - max-width: 100%; + margin-top: 12px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); @@ -236,24 +234,16 @@ button, .btn { backdrop-filter: blur(10px); } .overview-table { - width: auto; - min-width: 720px; + width: 100%; border-collapse: collapse; font-size: 0.88rem; - margin: 0 auto; -} -body.page-dashboard #overview-status { - text-align: center; -} -body.page-dashboard .page-head { - justify-content: center; } .overview-table th, .overview-table td { padding: 10px 12px; border-bottom: 1px solid rgba(56, 189, 248, 0.12); - text-align: left; - vertical-align: top; + text-align: center; + vertical-align: middle; } .overview-table th { color: var(--accent-2); @@ -265,11 +255,12 @@ body.page-dashboard .page-head { .overview-table tr:last-child td { border-bottom: 0; } .overview-table .status-on { color: var(--ok); } .overview-table .status-off { color: var(--bad); } -.overview-actions { display: flex; gap: 8px; flex-wrap: wrap; } +.overview-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; } .overview-actions .btn { margin-top: 0; } .pos-brief { margin: 0; - padding-left: 1.1em; + padding-left: 0; + list-style-position: inside; color: var(--muted); font-size: 0.8rem; }