mgr/dashboard:Roles section is not aligned with column name

Fixes:https://tracker.ceph.com/issues/68706

Signed-off-by:Puja Shahu [email protected]
Signed-off-by: pujaoshahu <[email protected]>

Author: pujaoshahu

src/pybind/mgr/dashboard/frontend/src/app/core/auth/role-details/role-details.component.ts

@@ -31,28 +31,28 @@ export class RoleDetailsComponent implements OnChanges, OnInit {
         prop: 'read',
         name: $localize`Read`,
         flexGrow: 1,
-        cellClass: 'text-center',
+        cellClass: 'text-left',
         cellTransformation: CellTemplate.checkIcon
       },
       {
         prop: 'create',
         name: $localize`Create`,
         flexGrow: 1,
-        cellClass: 'text-center',
+        cellClass: 'text-left',
         cellTransformation: CellTemplate.checkIcon
       },
       {
         prop: 'update',
         name: $localize`Update`,
         flexGrow: 1,
-        cellClass: 'text-center',
+        cellClass: 'text-left',
         cellTransformation: CellTemplate.checkIcon
       },
       {
         prop: 'delete',
         name: $localize`Delete`,
         flexGrow: 1,
-        cellClass: 'text-center',
+        cellClass: 'text-left',
         cellTransformation: CellTemplate.checkIcon
       }
     ];

src/pybind/mgr/dashboard/frontend/src/app/core/auth/role-list/role-list.component.ts

@@ -99,7 +99,7 @@ export class RoleListComponent extends ListWithDetails implements OnInit {
       {
         name: $localize`System Role`,
         prop: 'system',
-        cellClass: 'text-center',
+        cellClass: 'text-left',
         flexGrow: 1,
         cellTransformation: CellTemplate.checkIcon
       }