diff --git a/static/style.css b/static/style.css index 876794d..2ac2f16 100644 --- a/static/style.css +++ b/static/style.css @@ -7,7 +7,7 @@ body { background: var(--bg); color: var(--text); font-family: system-ui, sans-serif; } header { display: flex; align-items: center; gap: 2rem; flex-wrap: wrap; - padding: 0.8rem 1.2rem; background: var(--panel); border-bottom: 1px solid var(--border); + padding: 0.8rem; background: var(--panel); border-bottom: 1px solid var(--border); } h1 { font-size: 1.2rem; } nav { display: flex; gap: 0.4rem; flex-wrap: wrap; } @@ -17,7 +17,8 @@ nav button.active, nav button:hover { color: var(--text); background: var(--bg); background: var(--accent); color: #fff; border-radius: 10px; padding: 0.05rem 0.45rem; font-size: 0.75rem; vertical-align: 0.1em; } -main { padding: 1.2rem; max-width: 1100px; margin: 0 auto; } +/* no width cap: the import table is the widest thing here and wants the screen */ +main { padding: 1rem 0.8rem; } .bar { display: flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem; } .bar.wrap { flex-wrap: wrap; } input, select { @@ -153,7 +154,7 @@ h3, h4 { margin: 0.8rem 0 0.6rem; } @media (max-width: 700px) { header { gap: 0.6rem; padding: 0.6rem; } - main { padding: 0.8rem; } + main { padding: 0.8rem 0.6rem; } .cards { grid-template-columns: 1fr; } #quick-dialog { min-width: 0; width: 92vw; } #series-dialog { min-width: 0; width: 92vw; }