web/about: replace the godawful margin workaround

imputnet · Sep 7, 2024 · 0ce743d · 0ce743d
1 parent f03f849
commit 0ce743d
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>