From 228894a0394b182818cc28f3a1788427655dd3eb Mon Sep 17 00:00:00 2001
From: TannerGilbert <gilberttanner.work@gmail.com>
Date: Mon, 4 Jul 2022 16:09:34 +0200
Subject: [PATCH] fix(bridge): Settings view overflow problem

Signed-off-by: TannerGilbert <gilberttanner.work@gmail.com>
---
 .../_views/ktb-settings-view/ktb-settings-view.component.html | 4 ++--
 .../_views/ktb-settings-view/ktb-settings-view.component.scss | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/bridge/client/app/_views/ktb-settings-view/ktb-settings-view.component.html b/bridge/client/app/_views/ktb-settings-view/ktb-settings-view.component.html
index 8054a0ffc4..a4584d7bc2 100644
--- a/bridge/client/app/_views/ktb-settings-view/ktb-settings-view.component.html
+++ b/bridge/client/app/_views/ktb-settings-view/ktb-settings-view.component.html
@@ -1,5 +1,5 @@
 <div fxFlexFill>
-  <div fxFlex fxLayout="row">
+  <div fxFlex fxLayout="row" id="settings-view-flex-row">
     <dt-menu class="submenu" aria-label="Keptn Settings Submenu" fxFlex="0 0 200px">
       <dt-menu-group label="Project configuration">
         <button dtMenuItem aria-label="Open project settings" routerLinkActive="active" routerLink="project">
@@ -37,7 +37,7 @@
         </button>
       </dt-menu-group>
     </dt-menu>
-    <div fxFlex>
+    <div fxFlex="calc(100%-200px)">
       <router-outlet></router-outlet>
     </div>
   </div>
diff --git a/bridge/client/app/_views/ktb-settings-view/ktb-settings-view.component.scss b/bridge/client/app/_views/ktb-settings-view/ktb-settings-view.component.scss
index 75da91b7d4..eacd313e6e 100644
--- a/bridge/client/app/_views/ktb-settings-view/ktb-settings-view.component.scss
+++ b/bridge/client/app/_views/ktb-settings-view/ktb-settings-view.component.scss
@@ -6,3 +6,7 @@
     margin-right: -17px;
   }
 }
+
+#settings-view-flex-row {
+  width: 100%;
+}