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

@@ -400,6 +400,11 @@
 
     font-size: 0.9375rem;
     color: var(--color-white);
+
+    @media (max-width: 600px) {
+      top: auto;
+      bottom: 1.25rem;
+    }
   }
 
   :global(.media-close) {

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;