From 22051135adae141d0ddbf21586b10b33fbbc46b5 Mon Sep 17 00:00:00 2001
From: Jan <jan.weber@avatic.de>
Date: Tue, 6 Jan 2026 20:39:07 +0100
Subject: [PATCH] Fix supplier item layout and styling,

---
 .../layout/assistant/SupplierItem.vue         | 37 +++++++++++++++----
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/layout/assistant/SupplierItem.vue b/src/frontend/src/components/layout/assistant/SupplierItem.vue
index 7b222fa..1568dad 100644
--- a/src/frontend/src/components/layout/assistant/SupplierItem.vue
+++ b/src/frontend/src/components/layout/assistant/SupplierItem.vue
@@ -1,10 +1,16 @@
 <template>
   <div class="item-container" :class="{'selected-item': selected}">
-    <flag :iso="isoCode" size="l"></flag>
-    <div class="supplier-item-text">
-      <div class="supplier-item-name"> <span class="user-icon" v-if="isUserSupplier"><ph-user weight="fill" ></ph-user></span> {{name}}</div>
-      <div class="supplier-item-address">{{ address }}</div>
-
+    <div class="supplier-content">
+      <flag :iso="isoCode" size="l"></flag>
+      <div class="supplier-item-text">
+        <div class="supplier-item-name">
+          <span class="user-icon" v-if="isUserSupplier">
+            <ph-user weight="fill"></ph-user>
+          </span>
+          {{name}}
+        </div>
+        <div class="supplier-item-address">{{ address }}</div>
+      </div>
     </div>
     <icon-button v-if="showTrash" icon="trash" @click="deleteClick"></icon-button>
   </div>
@@ -65,14 +71,13 @@ export default {
 
 .item-container {
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start; /* Statt space-between */
   align-items: center;
   padding: 3.6rem 3.6rem;
   background: white;
   border-radius: 0.8rem;
   box-shadow: 0 0.4rem 0.6rem -0.1rem rgba(0, 0, 0, 0.1);
   overflow: hidden;
-  gap: 2.4rem;
   flex: 0 0 50rem;
   transition: background-color 0.3s ease;
 }
@@ -97,6 +102,20 @@ export default {
   align-items: center;
 }
 
+.supplier-content {
+  display: flex;
+  align-items: center;
+  gap: 2.4rem;
+  flex: 1;
+  min-width: 0;
+}
+
+.supplier-item-text {
+  display: flex;
+  flex-direction: column;
+  gap: 0.4rem;
+}
+
 
 .supplier-item-name {
   font-size: 1.6rem;
@@ -112,4 +131,8 @@ export default {
   color: #6b7280;
 }
 
+.item-container > .icon-button {
+  margin-left: auto;
+}
+
 </style>
\ No newline at end of file