From 52d981243904a713fda011aeb4af5690ca35153b Mon Sep 17 00:00:00 2001 From: error Date: Tue, 24 Oct 2023 20:14:17 +0200 Subject: [PATCH] smaller header for mobile layout --- static/css/undef.css | 23 ++++++++++++----------- 1 file changed, 12 insertions(+), 11 deletions(-) diff --git a/static/css/undef.css b/static/css/undef.css index bf00428..08e66b5 100644 --- a/static/css/undef.css +++ b/static/css/undef.css @@ -37,7 +37,7 @@ body { background-color: var(--background); font-family: 'Maven Pro'; box-sizing: border-box; - padding: 2ch; + padding: 2ch 1ch; display: grid; grid-template-columns: 1fr 8rem 50rem 16rem 1fr; grid-template-rows: 1fr auto 1fr; @@ -289,7 +289,7 @@ label.sidenote-toggle { @media (max-width: 74rem) { body { - grid-template-columns: 1fr 8rem calc(100vw - 9rem) 1fr; + grid-template-columns: 1fr 6rem calc(100vw - 9rem) 1fr; } label.sidenote-toggle:not(.sidenote-number) { @@ -301,13 +301,14 @@ label.sidenote-toggle { } .sidenote-toggle:checked + .sidenote { - display: block; - margin-top: 0.5rem; - margin-bottom: 0.5rem; - margin-left: 5%; - margin-right: 5%; - float: none; - clear: both; - width: 90%; + display: block; + margin: 0.5rem 5%; + float: none; + clear: both; + width: 90%; } -} \ No newline at end of file + + body > header > a > h1 { + font-size: 3rem; + } +}