From 123eec0f630021878cacc4000f6c0beb844672e2 Mon Sep 17 00:00:00 2001
From: Behrokh Satarnejad <62008897+bsatarnejad@users.noreply.github.com>
Date: Fri, 20 Aug 2021 13:42:00 +0200
Subject: [PATCH] set the correct min-width to resizer and its parent element
 (#9600)

---
 .../shared/components/resizer/resizer/wp-resizer.component.ts | 2 +-
 .../src/global_styles/layout/work_packages/_details_view.sass | 4 ++--
 .../src/global_styles/layout/work_packages/_full_view.sass    | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/shared/components/resizer/resizer/wp-resizer.component.ts b/frontend/src/app/shared/components/resizer/resizer/wp-resizer.component.ts
index accef8dafb..5803e5c34c 100644
--- a/frontend/src/app/shared/components/resizer/resizer/wp-resizer.component.ts
+++ b/frontend/src/app/shared/components/resizer/resizer/wp-resizer.component.ts
@@ -69,7 +69,7 @@ export class WpResizerDirective extends UntilDestroyedMixin implements OnInit, A
   private resizer:HTMLElement;
 
   // Min-width this element is allowed to have
-  private elementMinWidth = 530;
+  private elementMinWidth = 645;
 
   public moving = false;
 
diff --git a/frontend/src/global_styles/layout/work_packages/_details_view.sass b/frontend/src/global_styles/layout/work_packages/_details_view.sass
index be043007f4..abe021d7bf 100644
--- a/frontend/src/global_styles/layout/work_packages/_details_view.sass
+++ b/frontend/src/global_styles/layout/work_packages/_details_view.sass
@@ -49,8 +49,8 @@ body.router--work-packages-partitioned-split-view-new
   height: 100%
   position: relative
   width: 100%
-  // Min-width is actually 530px but the border already needs 2px
-  min-width: 528px
+  // Min-width is actually 645px but the border already needs 2px
+  min-width: 643px
 
   @media only screen and (max-width: 1280px)
     @at-root
diff --git a/frontend/src/global_styles/layout/work_packages/_full_view.sass b/frontend/src/global_styles/layout/work_packages/_full_view.sass
index 795fc39aa3..8bd210fc99 100644
--- a/frontend/src/global_styles/layout/work_packages/_full_view.sass
+++ b/frontend/src/global_styles/layout/work_packages/_full_view.sass
@@ -96,7 +96,7 @@
           line-height: calc(var(--work-package-details--tab-height) - 10px)
 
 .work-packages-full-view--split-right
-  min-width: 500px
+  min-width: 645px
   overflow-y: scroll
   overflow-x: auto
   position: relative