From 4082adba2541315324f0aa00133eb3a10b294eec Mon Sep 17 00:00:00 2001
From: h <h@kotikot.com>
Date: Mon, 19 Oct 2026 03:45:23 +0000
Subject: [PATCH] fix(frontend): buttons keep a gap between icon and text,
 viewer counter stays clear of the actions on mobile

---
 frontend/src/lib/components/MediaViewer.svelte | 5 +++++
 frontend/src/lib/components/ui/Button.svelte   | 1 +
 2 files changed, 6 insertions(+)

diff --git a/frontend/src/lib/components/MediaViewer.svelte b/frontend/src/lib/components/MediaViewer.svelte
index dcd84d4..65c9ce4 100644
--- a/frontend/src/lib/components/MediaViewer.svelte
+++ b/frontend/src/lib/components/MediaViewer.svelte
@@ -400,6 +400,11 @@
 
     font-size: 0.9375rem;
     color: var(--color-white);
+
+    @media (max-width: 600px) {
+      top: auto;
+      bottom: 1.25rem;
+    }
   }
 
   :global(.media-close) {
diff --git a/frontend/src/lib/components/ui/Button.svelte b/frontend/src/lib/components/ui/Button.svelte
index 6afa32c..45c7370 100644
--- a/frontend/src/lib/components/ui/Button.svelte
+++ b/frontend/src/lib/components/ui/Button.svelte
@@ -65,6 +65,7 @@
     overflow: hidden;
     display: flex;
     flex-shrink: 0;
+    gap: 0.375rem;
     align-items: center;
     justify-content: center;