From 8147fedd0432460df329b23dadb8df37cd0e2a1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20Pocrnji=C4=8D?= <simon.pocrnjic@lume-solutions.si>
Date: Sun, 1 Feb 2026 19:35:38 +0100
Subject: [PATCH] workflow fixed multiselect, combobox width was not limited
 when selecting desicisions

---
 resources/js/Components/app/ui/AppMultiSelect.vue           | 6 +++---
 .../js/Pages/Settings/Workflow/Partials/ActionTable.vue     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/js/Components/app/ui/AppMultiSelect.vue b/resources/js/Components/app/ui/AppMultiSelect.vue
index 06b5f75..614714f 100644
--- a/resources/js/Components/app/ui/AppMultiSelect.vue
+++ b/resources/js/Components/app/ui/AppMultiSelect.vue
@@ -84,8 +84,8 @@ const summaryText = computed(() => {
     const found = props.items.find((i) => String(i.value) === String(v));
     return found?.label || v;
   });
-  if (labels.length <= 3) return labels.join(', ');
-  const firstThree = labels.slice(0, 3).join(', ');
+  if (labels.length <= 3) return labels.join(", ");
+  const firstThree = labels.slice(0, 3).join(", ");
   const remaining = labels.length - 3;
   return `${firstThree}, … +${remaining}`; // show ellipsis and remaining count
 });
@@ -154,7 +154,7 @@ const summaryText = computed(() => {
             :variant="chipVariant"
             class="flex items-center gap-1"
           >
-            <span class="truncate max-w-[140px]">
+            <span class="truncate max-w-35">
               {{ items.find((i) => String(i.value) === String(val))?.label || val }}
             </span>
             <button
diff --git a/resources/js/Pages/Settings/Workflow/Partials/ActionTable.vue b/resources/js/Pages/Settings/Workflow/Partials/ActionTable.vue
index 4acd367..df5b909 100644
--- a/resources/js/Pages/Settings/Workflow/Partials/ActionTable.vue
+++ b/resources/js/Pages/Settings/Workflow/Partials/ActionTable.vue
@@ -305,7 +305,7 @@ const destroyAction = () => {
           </div>
         </div>
 
-        <div>
+        <div class="space-y-1.5">
           <InputLabel for="segmentEdit">Segment</InputLabel>
           <AppCombobox
             id="segmentEdit"
@@ -323,7 +323,7 @@ const destroyAction = () => {
             v-model="form.decisions"
             :items="selectOptions"
             placeholder="Dodaj odločitev"
-            content-class="p-0 w-full"
+            chip-variant="secondary"
           />
         </div>
 
@@ -373,7 +373,7 @@ const destroyAction = () => {
             v-model="createForm.decisions"
             :items="selectOptions"
             placeholder="Dodaj odločitev"
-            content-class="p-0 w-full"
+            chip-variant="secondary"
           />
         </div>