From 3a50ae6ed55b337133eb611b6ea0e507590c1fb7 Mon Sep 17 00:00:00 2001
From: Waseem Abbas <waseemabbas8261@gmail.com>
Date: Fri, 10 Jan 2025 18:10:49 +0500
Subject: [PATCH] Revert "Fix alignment of long label keys and values (#6888)"
 (#7072)

This reverts commit 48a15ecb6bb0e33d9e3ce1a4d43aafcbb4993c23.
---
 .../src/app/shared/components/labels/style.scss   | 15 ---------------
 .../app/shared/components/labels/template.html    |  7 +++----
 2 files changed, 3 insertions(+), 19 deletions(-)

diff --git a/modules/web/src/app/shared/components/labels/style.scss b/modules/web/src/app/shared/components/labels/style.scss
index 259fd1e9a1..bb5421e1f4 100644
--- a/modules/web/src/app/shared/components/labels/style.scss
+++ b/modules/web/src/app/shared/components/labels/style.scss
@@ -12,21 +12,6 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-.labels-container {
-  .mat-mdc-chip {
-    height: auto;
-
-    .label-key, .label-value {
-      align-items: center;
-      display: flex;
-      min-width: 30%;
-      white-space: normal;
-      width: auto;
-      word-break: break-word;
-    }
-  }
-}
-
 .hide-extra-labels {
   height: 34px;
   overflow: hidden;
diff --git a/modules/web/src/app/shared/components/labels/template.html b/modules/web/src/app/shared/components/labels/template.html
index 63846b6268..d118e6b0d6 100644
--- a/modules/web/src/app/shared/components/labels/template.html
+++ b/modules/web/src/app/shared/components/labels/template.html
@@ -13,16 +13,15 @@
 See the License for the specific language governing permissions and
 limitations under the License.
 -->
-<div class="labels-container"
-     fxLayout="row"
+<div fxLayout="row"
      fxLayoutGap="8px">
   <mat-chip-set [ngClass]="{'hide-extra-labels': !showHiddenLabels && oneLineLimit}"
                 *ngIf="labelKeys.length > 0">
     <div #chipListLabels
          *ngFor="let labelKey of labelKeys; let i = index">
       <mat-chip *ngIf="!limit || i < limit">
-        <div class="label-key">{{labelKey}}</div>
-        <div class="km-chip-accent label-value"
+        <div>{{labelKey}}</div>
+        <div class="km-chip-accent"
              *ngIf="!!labels[labelKey]">{{labels[labelKey]}}</div>
       </mat-chip>
     </div>