diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css index dee3388..f34e183 100644 --- a/public_html/css/hpr.css +++ b/public_html/css/hpr.css @@ -34,6 +34,7 @@ https://creativecommons.org/publicdomain/ --link-spacing-horizontal: clamp(0.5rem, -0.25rem + 3vw, 2.5rem); --font-family-hpr: Verdana, Arial, Helvetica, sans-serif; /* 1em/1.5 OpenDyslexic, */; + --font-size-default: clamp(1rem, 15px + 0.3vw, 1.07rem); /* screen breakpoints */ --for-phone-only: 599px; @@ -58,7 +59,7 @@ body { background-color: var(--background-primary); color: var(--text-primary); font-size: 1rem; /* fallback for browsers that don't support the clamp function) */ - font-size: clamp(1rem, 15px + 0.3vw, 1.07rem); + font-size: var(--font-size-default); font-family: var(--font-family-hpr); margin: 0; padding: 0; @@ -84,11 +85,13 @@ body > nav ul li { display: inline-block; background-color: inherit; color: inherit; - line-height: 1.5; + line-height: 1.0; margin: 0; padding: 0; padding-right: var(--link-spacing-horizontal); } +body > nav ul li a { + padding: 0.25rem 0; } body > header { display: flex; @@ -103,6 +106,7 @@ body > header > * { margin: 0; padding: 0; flex: 1 1 auto; + padding: 1.5rem; } body > main { padding: 0.25rem; @@ -226,6 +230,7 @@ p.meta span label { display: flex; flex-direction: row; flex-wrap: wrap; + gap: 0.5rem; } a.lane-button { @@ -274,4 +279,7 @@ a.lane-button img { #qr_code > img { max-height: 195px; } + body > main { + padding: 0.25rem 2rem; + } } diff --git a/templates/navigation-main.tpl.html b/templates/navigation-main.tpl.html index 68a0033..7bc54e3 100644 --- a/templates/navigation-main.tpl.html +++ b/templates/navigation-main.tpl.html @@ -1,11 +1,7 @@ - + diff --git a/templates/page.tpl.html b/templates/page.tpl.html index aed81ec..c233ea9 100644 --- a/templates/page.tpl.html +++ b/templates/page.tpl.html @@ -40,7 +40,7 @@ Site Map - skip to main content -