workflow fixed multiselect, combobox width was not limited when selecting desicisions

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(', ');
+  if (labels.length <= 3) return labels.join(", ");
-  const firstThree = labels.slice(0, 3).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

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>