fix(bridge): Settings view overflow problem

Signed-off-by: TannerGilbert <gilberttanner.work@gmail.com>
keptn · Jul 4, 2022 · 228894a · 228894a
1 parent 7a17271
commit 228894a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 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
@@ -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
@@ -6,3 +6,7 @@
     margin-right: -17px;
   }
 }
+
+#settings-view-flex-row {
+  width: 100%;
+}