style: tighten web layout for small screens
commit
1240424style: tighten web layout for small screens
The README body kept its desktop 40px/48px padding on phones, squeezing prose into a narrow column. Reduce adoc-body and heading sizes, let the nav search fill the available width, and allow the issues header and filter row to wrap.
Assisted-by: Claude:claude-opus-4-8
Reviews
No reviews of this commit yet — record a verdict below.
Start a review
crates/git-ents-server/src/web/style.css
@@ -357,4 +357,13 @@
@media (max-width: 640px) {
html { font-size: 16px; }
.content { padding: 1.5rem 1.25rem 2.5rem; }
+ .nav-inner { gap: .75rem; padding: 0 1.25rem; }
+ .nav-search { max-width: none; }
+ .page-title { font-size: 1.3rem; }
+ .repo-path { font-size: 1.05rem; }
+ .adoc-body { padding: 1.75rem 1.5rem 2rem; }
+ .adoc-body h1 { font-size: 1.9rem; }
+ .adoc-body h2 { font-size: 1.25rem; }
+ .issues-head, .filter-row { flex-wrap: wrap; }
+ .btn-primary { margin-left: 0; }
}