From 0ce743d13f95b85966db5db38ff9c7271cdbe3d5 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sat, 7 Sep 2024 20:29:13 +0600
Subject: [PATCH] web/about: replace the godawful margin workaround

---
 web/src/routes/+layout.svelte             | 5 ++++-
 web/src/routes/about/general/+page.svelte | 2 +-
 web/src/routes/about/privacy/+page.svelte | 2 +-
 web/src/routes/about/terms/+page.svelte   | 2 +-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index e6149bb3..682aef42 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -463,10 +463,13 @@
     }
 
     :global(.long-text-noto h3) {
-        margin-bottom: -10px;
         font-size: 17px;
     }
 
+    :global(.long-text-noto.about section p:first-of-type) {
+        margin-block-start: 0.3em;
+    }
+
     @media screen and (max-width: 535px) {
         :global(.long-text-noto),
         :global(.long-text-noto *:not(h1, h2, h3, h4, h5, h6)) {
diff --git a/web/src/routes/about/general/+page.svelte b/web/src/routes/about/general/+page.svelte
index 896683f0..906cf71b 100644
--- a/web/src/routes/about/general/+page.svelte
+++ b/web/src/routes/about/general/+page.svelte
@@ -3,7 +3,7 @@
     import OuterLink from "$components/misc/OuterLink.svelte";
 </script>
 
-<div id="privacy-body" class="long-text-noto">
+<div id="privacy-body" class="long-text-noto about">
     <section id="saving">
         <h3>best way to save what you love</h3>
         <p>
diff --git a/web/src/routes/about/privacy/+page.svelte b/web/src/routes/about/privacy/+page.svelte
index 00b71ef9..9dd9b737 100644
--- a/web/src/routes/about/privacy/+page.svelte
+++ b/web/src/routes/about/privacy/+page.svelte
@@ -4,7 +4,7 @@
     import OuterLink from "$components/misc/OuterLink.svelte";
 </script>
 
-<div id="privacy-body" class="long-text-noto">
+<div id="privacy-body" class="long-text-noto about">
     <section id="general">
         <h3>general terms</h3>
         <p>
diff --git a/web/src/routes/about/terms/+page.svelte b/web/src/routes/about/terms/+page.svelte
index 3a7bc913..016e4539 100644
--- a/web/src/routes/about/terms/+page.svelte
+++ b/web/src/routes/about/terms/+page.svelte
@@ -1,4 +1,4 @@
-<div id="terms-body" class="long-text-noto">
+<div id="terms-body" class="long-text-noto about">
     <section id="saving">
         <section id="general">
             <h3>general terms</h3>