From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Fri, 10 Feb 2023 04:16:45 +0000 (-0800)
Subject: Fix long dropdown contents break column layout
X-Git-Tag: v1.13.0~1^2~14^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d73fbb1643bbe3f205f2d07597333ae3f21e4699;p=thirdparty%2Fpaperless-ngx.git

Fix long dropdown contents break column layout
---

diff --git a/src-ui/src/app/components/document-detail/document-detail.component.html b/src-ui/src/app/components/document-detail/document-detail.component.html
index b79e56ca08..d824f6921f 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.html
+++ b/src-ui/src/app/components/document-detail/document-detail.component.html
@@ -63,7 +63,7 @@
 
 
 <div class="row">
-    <div class="col mb-4">
+    <div class="col-md-6 col-xl-4 mb-4">
 
         <form [formGroup]='documentForm' (ngSubmit)="save()">
 
diff --git a/src-ui/src/app/components/document-detail/document-detail.component.scss b/src-ui/src/app/components/document-detail/document-detail.component.scss
index 71d50ca61a..76b834bc94 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.scss
+++ b/src-ui/src/app/components/document-detail/document-detail.component.scss
@@ -22,6 +22,10 @@
   --page-margin: 1px 0 20px;
 }
 
+::ng-deep .ng-select-taggable {
+  max-width: calc(100% - 46px); // fudge factor for ng-select button width
+}
+
 .password-prompt {
   position: absolute;
   top: 30%;