Increase mobile search control sizing

This commit is contained in:
Server 2026-08-10 00:08:34 +00:00
parent 05589c1c06
commit a5bdf60101
2 changed files with 4 additions and 2 deletions

View file

@ -168,8 +168,8 @@ button { color: inherit; }
.mobile-menu-button { width: 72px; height: 72px; flex: 0 0 72px; border-radius: 50%; color: var(--text); background: var(--control); font-size: 2rem; }
body.mobile-menu-open .mobile-menu-button { background: var(--active); }
.mobile-search-control { display: flex; min-width: 0; height: 72px; flex: 1; align-items: center; border-radius: 38px; background: var(--control); }
.mobile-search-control input { padding-left: 22px; font-size: 1rem; }
.mobile-search-control .search-glyph { width: 64px; height: 64px; flex-basis: 64px; background: transparent; }
.mobile-search-control input { padding-left: 30px; font-size: 1.3rem; }
.mobile-search-control .search-glyph { width: 64px; height: 64px; flex-basis: 64px; background: transparent; font-size: 2.3rem; }
}
@media (prefers-reduced-motion: reduce) {

View file

@ -104,6 +104,8 @@ def test_all_endpoints_and_self_contained_build(tmp_path):
assert "refresh-expanded" in html
assert "mobile-search-open" in html
assert "flex-direction: column-reverse" in html
assert ".mobile-search-control input { padding-left: 30px; font-size: 1.3rem; }" in html
assert "background: transparent; font-size: 2.3rem" in html
assert "<script src=" not in html
assert "<link rel=" not in html