From c57ac54173268a1fc54cb7f4d5f9c021fefa69a0 Mon Sep 17 00:00:00 2001
From: Manuel Kasper <manuel.kasper@threema.ch>
Date: Fri, 19 Mar 2021 16:40:54 +0100
Subject: [PATCH] Fix photo editor positioning

---
 src/components/SummitPhotos.vue | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/SummitPhotos.vue b/src/components/SummitPhotos.vue
index a935e1a..bc2bfb4 100644
--- a/src/components/SummitPhotos.vue
+++ b/src/components/SummitPhotos.vue
@@ -1,16 +1,18 @@
 <template>
-  <div class="inline">
-    <div v-for="group in groups" :key="group.key">
-      <SummitPhotosGroup ref="photosGroup" :photos="group.photos" :title="group.title" :titleLink="group.titleLink" :summit="summit" :editable="editable" :showSummitName="showSummitName" :showWaypointButton="showWaypointButton" @editPhoto="onEditPhoto" @deletePhoto="onDeletePhoto" @reorderPhotos="onReorderPhotos">
-        <template v-slot:title>
-          <template v-if="showSummitName">
-            <router-link :to="group.titleLink">{{ group.title }}</router-link><span class="has-text-weight-normal"> on </span><router-link :to="'/summits/' + summit.code">{{ summit.name }} <span class="has-text-weight-normal">(<AltitudeLabel :altitude="summit.altitude" />, {{ summit.code }})</span></router-link>
+  <div>
+    <div class="inline">
+      <div v-for="group in groups" :key="group.key">
+        <SummitPhotosGroup ref="photosGroup" :photos="group.photos" :title="group.title" :titleLink="group.titleLink" :summit="summit" :editable="editable" :showSummitName="showSummitName" :showWaypointButton="showWaypointButton" @editPhoto="onEditPhoto" @deletePhoto="onDeletePhoto" @reorderPhotos="onReorderPhotos">
+          <template v-slot:title>
+            <template v-if="showSummitName">
+              <router-link :to="group.titleLink">{{ group.title }}</router-link><span class="has-text-weight-normal"> on </span><router-link :to="'/summits/' + summit.code">{{ summit.name }} <span class="has-text-weight-normal">(<AltitudeLabel :altitude="summit.altitude" />, {{ summit.code }})</span></router-link>
+            </template>
+            <template v-else>
+              <router-link :to="group.titleLink">{{ group.title }}</router-link>
+            </template>
           </template>
-          <template v-else>
-            <router-link :to="group.titleLink">{{ group.title }}</router-link>
-          </template>
-        </template>
-      </SummitPhotosGroup>
+        </SummitPhotosGroup>
+      </div>
     </div>
     <b-modal :active.sync="isEditorActive" has-modal-card trap-focus aria-role="dialog" aria-modal>
       <EditPhoto v-if="editingPhoto" :photo="editingPhoto" :summitCode="summit.code" @photoEdited="$emit('photoEdited')" />