From d73fbb1643bbe3f205f2d07597333ae3f21e4699 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Thu, 9 Feb 2023 20:16:45 -0800
Subject: [PATCH 1/2] Fix long dropdown contents break column layout

---
 .../components/document-detail/document-detail.component.html | 2 +-
 .../components/document-detail/document-detail.component.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

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 b79e56ca08f..d824f6921f4 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 71d50ca61a8..76b834bc94b 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%;

From ced248ad49e8006a36ef2b8072fee5d921fa5323 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Thu, 9 Feb 2023 20:17:00 -0800
Subject: [PATCH 2/2] Fix toggle split doesnt have rounded right corner

---
 .../document-detail/document-detail.component.scss           | 5 +++++
 1 file changed, 5 insertions(+)

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 76b834bc94b..23109950ca2 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
@@ -26,6 +26,11 @@
   max-width: calc(100% - 46px); // fudge factor for ng-select button width
 }
 
+.btn-group .dropdown-toggle-split {
+  border-top-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+
 .password-prompt {
   position: absolute;
   top: 30%;