From 2f3ae229c9da5ff3467b32e6d5db06871147cdd8 Mon Sep 17 00:00:00 2001
From: Sven Heidemann <sven.heidemann@sh-edraft.de>
Date: Fri, 18 Aug 2023 16:50:19 +0200
Subject: [PATCH] Fixed responsive styling #1.1.0.rc5

---
 .../feature-flag-list.component.html             |  4 ++--
 kdb-web/src/styles.scss                          | 16 +++++++++++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/kdb-web/src/app/modules/shared/components/feature-flag-list/feature-flag-list.component.html b/kdb-web/src/app/modules/shared/components/feature-flag-list/feature-flag-list.component.html
index f6c35dd1..e0e48d00 100644
--- a/kdb-web/src/app/modules/shared/components/feature-flag-list/feature-flag-list.component.html
+++ b/kdb-web/src/app/modules/shared/components/feature-flag-list/feature-flag-list.component.html
@@ -4,7 +4,7 @@
       {{'common.feature_flags' | translate}}:
     </div>
     <div class="content-data-value-row">
-      <p-table #dt [value]="internal_data" [responsive]="true"  responsiveLayout="stack" [breakpoint]="'720px'" dataKey="id" editMode="row">
+      <p-table #dt [value]="internal_data" [responsive]="true" responsiveLayout="stack" [breakpoint]="'720px'" dataKey="id" editMode="row">
         <ng-template pTemplate="caption">
           <div class="table-caption">
             <div class="table-caption-btn-wrapper btn-wrapper">
@@ -15,7 +15,7 @@
           </div>
         </ng-template>
         <ng-template pTemplate="body" let-value let-editing="editing" let-ri="rowIndex">
-          <tr [pEditableRow]="value" style="display: flex;">
+          <tr class="content-table-row" [pEditableRow]="value" style="display: flex;">
             <td style="flex: 3;">
               <p-cellEditor>
                 <ng-template pTemplate="input">
diff --git a/kdb-web/src/styles.scss b/kdb-web/src/styles.scss
index a1bf817c..7a8c242e 100644
--- a/kdb-web/src/styles.scss
+++ b/kdb-web/src/styles.scss
@@ -712,7 +712,8 @@ p-inputNumber {
     width: 100%;
   }
 
-  app-config-list {
+  app-config-list,
+  app-feature-flag-list {
     .content-row {
       .content-column {
         flex-direction: column;
@@ -723,6 +724,15 @@ p-inputNumber {
         .content-data-value-row {
           .content-table-row {
             flex-direction: column;
+
+            p-inputSwitch {
+              display: flex;
+              justify-content: center !important;
+            }
+
+            p-cellEditor {
+              justify-content: center !important;
+            }
           }
         }
       }
@@ -770,4 +780,8 @@ p-inputNumber {
       gap: 5px;
     }
   }
+
+  p-dropdown {
+    width: 100%;
+  }
 }