Fix: Icon size is reduced if the user has a long role value.

Permissions -> Objects -> [users] -> Managed by operations [WTEL-4536]
webitel · Jun 25, 2024 · dbe6084 · dbe6084
1 parent cb5662b
commit dbe6084
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/modules/_shared/permissions-tab/components/_internals/permissions-role-column.vue b/src/modules/_shared/permissions-tab/components/_internals/permissions-role-column.vue
@@ -23,11 +23,9 @@ export default {
 
 <style lang="scss" scoped>
 .permissions-role-column {
-  display: flex;
+  display: grid;
   align-items: center;
-
-  .permissions-role-icon {
-    margin-right: var(--spacing-sm);
-  }
+  grid-template-columns: var(--icon-md-size) 1fr;
+  gap: var(--spacing-sm);
 }
 </style>