From f99a619bc676ba614048c5a84cf0598adc79519f Mon Sep 17 00:00:00 2001
From: Shijun Sun <30999793+AllForNothing@users.noreply.github.com>
Date: Thu, 7 Dec 2023 13:37:45 +0800
Subject: [PATCH] Add min-width to the permission column (#19675)

1. To avoid style confusion

Signed-off-by: AllForNothing <shijun.sun@broadcom.com>
---
 .../system-robot-accounts.component.html                      | 2 +-
 .../system-robot-accounts.component.scss                      | 4 ++++
 .../base/project/robot-account/robot-account.component.html   | 2 +-
 .../base/project/robot-account/robot-account.component.scss   | 4 ++++
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.html b/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.html
index 6bd715d78..83082a2b4 100644
--- a/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.html
+++ b/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.html
@@ -136,7 +136,7 @@
             <clr-dg-column>{{
                 'ROBOT_ACCOUNT.ENABLED_STATE' | translate
             }}</clr-dg-column>
-            <clr-dg-column>{{
+            <clr-dg-column class="permission-col">{{
                 'ROBOT_ACCOUNT.SYSTEM_PERMISSIONS' | translate
             }}</clr-dg-column>
             <clr-dg-column class="projects-col">{{
diff --git a/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss b/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss
index f4395c936..5c6f940e5 100644
--- a/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss
+++ b/src/portal/src/app/base/left-side-nav/system-robot-accounts/system-robot-accounts.component.scss
@@ -42,3 +42,7 @@
 .projects-col {
   min-width: 14rem !important;
 }
+
+.permission-col {
+  min-width: 8rem !important;
+}
diff --git a/src/portal/src/app/base/project/robot-account/robot-account.component.html b/src/portal/src/app/base/project/robot-account/robot-account.component.html
index d2bcec725..eb30ff113 100644
--- a/src/portal/src/app/base/project/robot-account/robot-account.component.html
+++ b/src/portal/src/app/base/project/robot-account/robot-account.component.html
@@ -141,7 +141,7 @@
             <clr-dg-column>{{
                 'ROBOT_ACCOUNT.ENABLED_STATE' | translate
             }}</clr-dg-column>
-            <clr-dg-column>{{
+            <clr-dg-column class="permission-col">{{
                 'SYSTEM_ROBOT.PERMISSION_COLUMN' | translate
             }}</clr-dg-column>
             <clr-dg-column [clrDgSortBy]="'creation_time'">{{
diff --git a/src/portal/src/app/base/project/robot-account/robot-account.component.scss b/src/portal/src/app/base/project/robot-account/robot-account.component.scss
index 55e5765d2..8214f6677 100644
--- a/src/portal/src/app/base/project/robot-account/robot-account.component.scss
+++ b/src/portal/src/app/base/project/robot-account/robot-account.component.scss
@@ -31,3 +31,7 @@
 .icon {
   margin-top: 3px;
 }
+
+.permission-col {
+  min-width: 8rem !important;
+}