From 5ddfb630b7496989aa206bd98b611a0118949fc3 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 17 Feb 2025 07:59:24 -0800
Subject: [PATCH] Fix: wrap selected display fields

---
 .../input/drag-drop-select/drag-drop-select.component.html    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src-ui/src/app/components/common/input/drag-drop-select/drag-drop-select.component.html b/src-ui/src/app/components/common/input/drag-drop-select/drag-drop-select.component.html
index 2a2c0a780..19dca0cff 100644
--- a/src-ui/src/app/components/common/input/drag-drop-select/drag-drop-select.component.html
+++ b/src-ui/src/app/components/common/input/drag-drop-select/drag-drop-select.component.html
@@ -1,8 +1,8 @@
 <div class="d-flex flex-row mt-2 align-items-center">
     <span class="me-2">{{title}}:</span>
-    <div class="d-flex flex-row gap-2 w-100 mh-1" style="min-height: 1em;"
+    <div class="d-flex flex-wrap flex-row gap-2 w-100 mh-1" style="min-height: 1em;"
         cdkDropList #selectedList="cdkDropList"
-        cdkDropListOrientation="horizontal"
+        cdkDropListOrientation="mixed"
         (cdkDropListDropped)="drop($event)"
         [cdkDropListConnectedTo]="[unselectedList]">
         @for (item of selectedItems; track item.id) {