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">

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%;
+  }
 }