From 5b19fdf7f2306b07c2e2d09d037e940a3f2bbb3e Mon Sep 17 00:00:00 2001
From: Niels Simenon <niels.simenon@gmail.com>
Date: Thu, 13 Feb 2020 15:37:25 +0100
Subject: [PATCH] Fixed photo banner on tags.

---
 assets/components/tags/photos.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/assets/components/tags/photos.vue b/assets/components/tags/photos.vue
index 852baa3b..27423372 100644
--- a/assets/components/tags/photos.vue
+++ b/assets/components/tags/photos.vue
@@ -8,6 +8,7 @@
                     :title="tag.poster.comment"
                     target="_blank"
                     rel="noopener noreferrer"
+                    class="photo-link"
                 >
                     <img
                         :src="`/img/${tag.poster.thumbnail}`"
@@ -26,6 +27,7 @@
                     :href="`/img/${photo.path}`"
                     target="_blank"
                     rel="noopener noreferrer"
+                    class="photo-link"
                 >
                     <img
                         :src="`/img/${photo.thumbnail}`"
@@ -60,18 +62,16 @@ export default {
 
     &.compact {
         display: none;
-        padding: 0 1rem 1rem 1rem;
+        padding: 0 1rem 0 1rem;
         overflow-x: auto;
 
         .photos-inner {
-            max-width: 100%;
-            display: inline-flex;
+            flex-shrink: 0;
         }
 
-        .poster,
-        .photo {
-            width: 100%;
-            margin: 0 1rem 0 0;
+        .photo-link {
+            display: inline-block;
+            margin: 0 .5rem 0 0;
         }
     }
 }