2 files changed, 9 insertions, 2 deletions

diff --git a/src/mixins/post.pug b/src/mixins/post.pug
index df499e2..c4f3bc5 100644
--- a/src/mixins/post.pug
+++ b/src/mixins/post.pug
@@ -47,10 +47,10 @@ mixin post(p, currentUrl)
             div.gallery(class=`${query.view}`)
               each item in postGalleryItems(p)
                 div.gallery-item(class=`${query.view}`)
-                  div.gallery-item-idx(class=`${query.view}`)
-                    | #{`${item.idx}/${item.total}`}
                   a(href=`/media/${item.url}`)
                     img(src=item.url loading="lazy")
+                  div.gallery-item-idx(class=`${query.view}`)
+                    | #{`${item.idx}/${item.total}`}
           else
             img(src=item.url onclick=onclick) 
         else if isPostImage(p)
diff --git a/src/public/styles.css b/src/public/styles.css
index 18130ed..7d70725 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -202,10 +202,17 @@ nav {
 
 .gallery.card {
   align-items: center;
+  scroll-snap-type: both mandatory;
 }
 
 .gallery-item.card {
   max-width: 100%;
+  width: 100%;
+  scroll-snap-align: center;
+}
+
+.gallery-item-idx.card {
+  text-align: center;
 }
 
 .spoiler {