From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Mon, 17 Feb 2025 16:12:04 +0000 (-0800)
Subject: Fix: wrap selected display fields (#9139)
X-Git-Tag: v2.15.0-beta.rc1~95
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e37096f66fdfd71c99c94016871413601a3127b0;p=thirdparty%2Fpaperless-ngx.git

Fix: wrap selected display fields (#9139)
---

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 2a2c0a7800..19dca0cffb 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) {