From a23c2c2a55884c01d66895803be81e28ed589d65 Mon Sep 17 00:00:00 2001
From: Sychev Andrey <44414066+SychevAndrey@users.noreply.github.com>
Date: Tue, 12 Nov 2024 18:27:15 +0100
Subject: [PATCH] CB-5775 refactor: make default group text aligned with other
 tabs (#3064)

* CB-5775 refactor: make default group text aligned with other tabs

* CB-5775: return accidentally removed gap prop

* CB-5775 refactor: return TextPlaceholder back

* CB-5775 refactor: make style important

---------

Co-authored-by: Daria Marutkina <125263541+dariamarutkina@users.noreply.github.com>
---
 .../Teams/GrantedUsers/GrantedUsers.module.css   |  4 ++++
 .../Users/Teams/GrantedUsers/GrantedUsers.tsx    | 16 ++++++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.module.css b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.module.css
index 293ac777b5..fbccc496b0 100644
--- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.module.css
+++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.module.css
@@ -17,6 +17,10 @@
   overflow: auto !important;
 }
 
+.placeholder {
+  margin: 0 !important;
+}
+
 .loader {
   z-index: 2;
 }
diff --git a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.tsx b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.tsx
index 496c6fbf3b..122bff1dac 100644
--- a/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.tsx
+++ b/webapp/packages/plugin-authentication-administration/src/Administration/Users/Teams/GrantedUsers/GrantedUsers.tsx
@@ -55,9 +55,11 @@ export const GrantedUsers: TabContainerPanelComponent<ITeamFormProps> = observer
 
   if (isDefaultTeam) {
     return (
-      <Container className={s(styles, { box: true })} parent gap vertical>
-        <Group className={s(styles, { placeholderBox: true })} keepSize large>
-          <TextPlaceholder>{translate('plugin_authentication_administration_team_default_users_tooltip')}</TextPlaceholder>
+      <Container>
+        <Group large>
+          <TextPlaceholder className={s(styles, { placeholder: true })}>
+            {translate('plugin_authentication_administration_team_default_users_tooltip')}
+          </TextPlaceholder>
         </Group>
       </Container>
     );
@@ -66,10 +68,12 @@ export const GrantedUsers: TabContainerPanelComponent<ITeamFormProps> = observer
   return (
     <Loader className={s(styles, { loader: true })} state={[state.state]}>
       {() => (
-        <Container className={s(styles, { box: true })} parent gap vertical>
+        <Container className={s(styles, { box: true })} parent={!!users.resource.values.length} gap vertical>
           {!users.resource.values.length ? (
-            <Group className={s(styles, { placeholderBox: true })} keepSize large>
-              <TextPlaceholder>{translate('administration_teams_team_granted_users_empty')}</TextPlaceholder>
+            <Group large>
+              <TextPlaceholder className={s(styles, { placeholder: true })}>
+                {translate('administration_teams_team_granted_users_empty')}
+              </TextPlaceholder>
             </Group>
           ) : (
             <>