From b6b7c597a19fca4b5320cab8e964f4d237d0612f Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 16:10:37 -0400 Subject: [PATCH 1/7] Layout back compat --- main/index.css | 10 +++++----- main/main.css | 4 ++-- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/main/index.css b/main/index.css index 83f0725..d7ab055 100644 --- a/main/index.css +++ b/main/index.css @@ -5,16 +5,16 @@ img { vertical-align: bottom; } address { - display: flex; - flex-wrap: wrap; - gap: 1em; + font-style: normal; + margin: -0.5rem; } address h2 { - width: 100%; - margin-bottom: 0; + margin: 0.5rem; + margin-top: 2rem; } address a { font-size: 1.2em; + margin: 0.5rem; } address img, address picture { vertical-align: baseline; diff --git a/main/main.css b/main/main.css index bd0558c..0c6b987 100644 --- a/main/main.css +++ b/main/main.css @@ -7,12 +7,12 @@ html { } body { font-family: sans-serif; - width: min-content; + width: min-content; width: -webkit-min-content; width: -moz-min-content; max-width: 100%; margin: auto; } header, main { - width: max-content; + width: max-content; width: -webkit-max-content; width: -moz-max-content; max-width: 100%; } h1 { From ef2e4b008b2823a4fd12f439da4845c7a316221f Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 16:18:59 -0400 Subject: [PATCH 2/7] Layout back compat 2 --- main/index.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/main/index.css b/main/index.css index d7ab055..3f57317 100644 --- a/main/index.css +++ b/main/index.css @@ -5,8 +5,9 @@ img { vertical-align: bottom; } address { - font-style: normal; + display: inline-block; margin: -0.5rem; + font-style: normal; } address h2 { margin: 0.5rem; From e8fc9bdf3bd6f7331b0568ea8813928f9aeaf8a4 Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 16:20:13 -0400 Subject: [PATCH 3/7] Layout back compat 3 --- main/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main/index.css b/main/index.css index 3f57317..38b4078 100644 --- a/main/index.css +++ b/main/index.css @@ -5,7 +5,6 @@ img { vertical-align: bottom; } address { - display: inline-block; margin: -0.5rem; font-style: normal; } @@ -15,6 +14,7 @@ address h2 { } address a { font-size: 1.2em; + display: inline-block; margin: 0.5rem; } address img, address picture { From 09f7fadef90837954d070ae27cfe328e201daa48 Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 17:47:07 -0400 Subject: [PATCH 4/7] Small text for small screens --- main/main.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/main/main.css b/main/main.css index 0c6b987..9fc44fb 100644 --- a/main/main.css +++ b/main/main.css @@ -17,4 +17,14 @@ header, main { } h1 { margin-top: 0; -} \ No newline at end of file +} + + +@media (min-width: 18rem) and (max-width: 22rem) { + html { + font-size: 90%; +} } +@media (max-width: 18rem) { + html { + font-size: 80%; +} } \ No newline at end of file From 41d6411b5e62c8898ca406555b0bc4b35857f53a Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Mon, 28 Apr 2025 17:54:03 -0400 Subject: [PATCH 5/7] Media query text size tweak --- main/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/main/main.css b/main/main.css index 9fc44fb..c5284f1 100644 --- a/main/main.css +++ b/main/main.css @@ -20,11 +20,11 @@ h1 { } -@media (min-width: 18rem) and (max-width: 22rem) { +@media (min-width: 20rem) and (max-width: 22rem) { html { font-size: 90%; } } -@media (max-width: 18rem) { +@media (max-width: 20rem) { html { font-size: 80%; } } \ No newline at end of file From 6a01ed289cc4a449da5d324b8e99e24d62c55420 Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Tue, 29 Apr 2025 02:01:34 -0400 Subject: [PATCH 6/7] Layout total back compat --- main/index.css | 10 ++++++---- main/main.css | 17 ++++++----------- 2 files changed, 12 insertions(+), 15 deletions(-) diff --git a/main/index.css b/main/index.css index 38b4078..9e946a1 100644 --- a/main/index.css +++ b/main/index.css @@ -5,17 +5,19 @@ img { vertical-align: bottom; } address { - margin: -0.5rem; + margin: -0.5em; font-style: normal; + min-width: 100%; + width: 18em; } address h2 { - margin: 0.5rem; - margin-top: 2rem; + margin: 0.33em; + margin-top: 2em; } address a { font-size: 1.2em; display: inline-block; - margin: 0.5rem; + margin: 0.42em; } address img, address picture { vertical-align: baseline; diff --git a/main/main.css b/main/main.css index c5284f1..20fff7c 100644 --- a/main/main.css +++ b/main/main.css @@ -3,28 +3,23 @@ } html { color-scheme: light dark; - padding: 1em; + text-align: center; } body { font-family: sans-serif; - width: min-content; width: -webkit-min-content; width: -moz-min-content; - max-width: 100%; - margin: auto; -} -header, main { - width: max-content; width: -webkit-max-content; width: -moz-max-content; - max-width: 100%; + margin: 1em; + display: inline-block; + text-align: left; } h1 { margin-top: 0; } - -@media (min-width: 20rem) and (max-width: 22rem) { +@media (min-width: 20em) and (max-width: 22em) { html { font-size: 90%; } } -@media (max-width: 20rem) { +@media (max-width: 20em) { html { font-size: 80%; } } \ No newline at end of file From 42705d84f241255aeec25bd0041d8ca348de0e13 Mon Sep 17 00:00:00 2001 From: Daniel Herr Date: Tue, 29 Apr 2025 13:24:51 -0400 Subject: [PATCH 7/7] Layout total back compat for details pages --- main/index.css | 2 -- main/main.css | 4 ++++ 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/main/index.css b/main/index.css index 9e946a1..7e0154f 100644 --- a/main/index.css +++ b/main/index.css @@ -7,8 +7,6 @@ img { address { margin: -0.5em; font-style: normal; - min-width: 100%; - width: 18em; } address h2 { margin: 0.33em; diff --git a/main/main.css b/main/main.css index 20fff7c..205da2e 100644 --- a/main/main.css +++ b/main/main.css @@ -14,6 +14,10 @@ body { h1 { margin-top: 0; } +address { + min-width: 100%; + width: 18em; +} @media (min-width: 20em) and (max-width: 22em) { html {