From 4017e4d67adc99a6955b8cde1ad7b106b8e39b94 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 2 Feb 2022 13:24:00 +0100
Subject: [PATCH] fix kit-view gallery sizing

---
 src/components/nodes/NodeViewBody.vue | 4 ++--
 src/pages/kit/KitView.vue             | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/nodes/NodeViewBody.vue b/src/components/nodes/NodeViewBody.vue
index 35ac656..3203b54 100644
--- a/src/components/nodes/NodeViewBody.vue
+++ b/src/components/nodes/NodeViewBody.vue
@@ -12,7 +12,7 @@
 
       <div class="node-view-body-wrapper" v-html="node.content" />
 
-      <template v-if="mode === 'view'">
+      <div class="node-view-gallery" v-if="mode === 'view'">
         <div v-if="node.images" class="mt-5">
           <div class="node-view-img-wrapper mt-3" v-for="img in node.images" :key="img.id">
             <img :src="img.url" :alt="img.alt">
@@ -36,7 +36,7 @@
             </b-button>
           </li>
         </ul>
-      </template>
+      </div>
 
       <fullscreen-modal v-if="mode === 'view' && image" :image="image" :id="'modal-image-' + node.id" />
 
diff --git a/src/pages/kit/KitView.vue b/src/pages/kit/KitView.vue
index e5891a4..e0fc31d 100644
--- a/src/pages/kit/KitView.vue
+++ b/src/pages/kit/KitView.vue
@@ -63,7 +63,8 @@ export default {
     min-height: 100%;
     &-header-wrapper,
     &-body-wrapper,
-    &-footer-wrapper {
+    &-footer-wrapper,
+    &-gallery {
       @include media-breakpoint-up($layout-bp) {
         max-width: 50%;
         margin: auto;