From cf4ee05e0e52c6d8af7344803c43023a963d5ab2 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Wed, 17 Jul 2024 14:38:02 +0600
Subject: [PATCH] web/updates: reduce top padding on mobile

---
 web/src/components/misc/ChangelogEntry.svelte | 2 +-
 web/src/routes/updates/+page.svelte           | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/src/components/misc/ChangelogEntry.svelte b/web/src/components/misc/ChangelogEntry.svelte
index cfa61389..d768672a 100644
--- a/web/src/components/misc/ChangelogEntry.svelte
+++ b/web/src/components/misc/ChangelogEntry.svelte
@@ -37,7 +37,7 @@
         flex-direction: column;
         align-items: start;
         gap: calc(var(--padding) / 2);
-        padding: 1em 0; /* match default <p> padding */
+        padding-bottom: 1em; /* match default <p> padding */
     }
 
     .changelog-info {
diff --git a/web/src/routes/updates/+page.svelte b/web/src/routes/updates/+page.svelte
index d8532ec2..11d4d959 100644
--- a/web/src/routes/updates/+page.svelte
+++ b/web/src/routes/updates/+page.svelte
@@ -136,6 +136,7 @@
         max-width: 850px;
         overflow-x: hidden;
         padding: var(--padding);
+        padding-top: calc(var(--padding) + 1em);
     }
 
     button[disabled] {
@@ -160,4 +161,10 @@
             display: none;
         }
     }
+
+    @media screen and (max-width: 535px) {
+        .changelog-wrapper {
+            padding-top: var(--padding)
+        }
+    }
 </style>