From f9409bb823efda0d4d5fc4de8da0127e0851b6de Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Wed, 26 Jun 2024 20:53:19 +0200
Subject: [PATCH] fix related item section in ticket view

---
 web/src/components/Timeline.vue            | 6 +++++-
 web/src/components/TimelineRelatedItem.vue | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/src/components/Timeline.vue b/web/src/components/Timeline.vue
index 7df89fa..97c8463 100644
--- a/web/src/components/Timeline.vue
+++ b/web/src/components/Timeline.vue
@@ -73,7 +73,7 @@
 import TimelineMail from "@/components/TimelineMail.vue";
 import TimelineComment from "@/components/TimelineComment.vue";
 import TimelineStateChange from "@/components/TimelineStateChange.vue";
-import {mapGetters} from "vuex";
+import {mapActions, mapGetters} from "vuex";
 import TimelineAssignment from "@/components/TimelineAssignment.vue";
 import TimelineRelatedItem from "@/components/TimelineRelatedItem.vue";
 import TimelineShippingVoucher from "@/components/TimelineShippingVoucher.vue";
@@ -103,6 +103,7 @@ export default {
         },
     },
     methods: {
+        ...mapActions(['fetchShippingVouchers']),
         sendMailAndClear: function () {
             this.$emit('sendMail', this.newMail);
             this.newMail = "";
@@ -112,6 +113,9 @@ export default {
             this.newComment = "";
         }
     },
+    mounted() {
+        this.fetchShippingVouchers();
+    }
 };
 </script>
 
diff --git a/web/src/components/TimelineRelatedItem.vue b/web/src/components/TimelineRelatedItem.vue
index 8d24fc9..c17a3a8 100644
--- a/web/src/components/TimelineRelatedItem.vue
+++ b/web/src/components/TimelineRelatedItem.vue
@@ -11,10 +11,10 @@
         </div>
         <div class="card bg-dark">
             <div class="row">
-                <div class="col" style="min-width: 4em;">
+                <div class="col" style="flex-grow: 0;">
                     <AuthenticatedImage v-if="item.item.file" cached
                                         :src="`/media/2/256/${item.item.file}/`"
-                                        class="d-block w-100 card-img-left"
+                                        class="d-block card-img-left"
                                         @click="openLightboxModalWith(item.item)"
                     />
                 </div>