From 81f1668e3db9421ef2a4e35dc5ae4f390ad0afe3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa=20Valderrama?= <maria.valderrama@kaleidos.net>
Date: Mon, 25 May 2026 14:09:15 +0200
Subject: [PATCH] :bug: Fix nitrate invitation empty state layout

---
 frontend/src/app/main/ui/dashboard/team.cljs | 20 +++++++++++---------
 frontend/src/app/main/ui/dashboard/team.scss | 17 ++++++++++++-----
 frontend/translations/en.po                  |  2 +-
 frontend/translations/es.po                  |  2 +-
 4 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/frontend/src/app/main/ui/dashboard/team.cljs b/frontend/src/app/main/ui/dashboard/team.cljs
index 9bbc5795e8..c8a50ab13f 100644
--- a/frontend/src/app/main/ui/dashboard/team.cljs
+++ b/frontend/src/app/main/ui/dashboard/team.cljs
@@ -816,16 +816,17 @@
                                                                      :origin :team
                                                                      :invite-email invite-email}))))]
     [:div {:class (stl/css :empty-invitations)}
-     [:span (tr "labels.no-invitations")]
+     [:div (tr "labels.no-invitations")]
      (if ^boolean can-invite
-       [[:span (tr "labels.no-invitations-gather-people")]
-        [:a
-         {:class (stl/css :btn-empty-invitations)
-          :on-click on-invite-member
-          :data-testid "invite-member"}
-         (tr "dashboard.invite-profile")]
+       [[:div (tr "labels.no-invitations-gather-people")]
+        [:div {:class (stl/css :empty-invitations-buttons)}
+         [:a
+          {:class (stl/css :btn-empty-invitations)
+           :on-click on-invite-member
+           :data-testid "invite-member"}
+          (tr "dashboard.invite-profile")]]
         [:div {:class (stl/css :blank-space)}]]
-       [:span (tr "dashboard.invitations.no-permission")])]))
+       [:div {:class (stl/css :no-permission-text)} (tr "dashboard.invitations.no-permission")])]))
 
 (mf/defc invitation-modal
   {::mf/register modal/components
@@ -1091,7 +1092,8 @@
      (when (and (not can-invite?)
                 (seq @invitations))
        [:div {:class (stl/css :empty-invitations)}
-        [:span (tr "dashboard.invitations.no-permission")]])
+        [:div {:class (stl/css :no-permission-text)}
+         (tr "dashboard.invitations.no-permission")]])
      (when (and can-invite?
                 (> (count @selected) 0))
        [:*
diff --git a/frontend/src/app/main/ui/dashboard/team.scss b/frontend/src/app/main/ui/dashboard/team.scss
index 1eb50e7a2a..813898847c 100644
--- a/frontend/src/app/main/ui/dashboard/team.scss
+++ b/frontend/src/app/main/ui/dashboard/team.scss
@@ -430,16 +430,23 @@
 }
 
 .empty-invitations {
-  display: grid;
-  place-items: center;
-  align-content: center;
-  height: px2rem(156);
-  max-width: $sz-1000;
   width: 100%;
   margin-top: var(--sp-l);
   border: $b-1 solid var(--color-background-quaternary);
   border-radius: $br-8;
   color: var(--color-foreground-secondary);
+  padding: var(--sp-xxxl);
+  text-align: center;
+}
+
+.empty-invitations-buttons {
+  width: fit-content;
+  margin: auto;
+}
+
+.no-permission-text {
+  max-width: $sz-512;
+  margin: auto;
 }
 
 .btn-empty-invitations {
diff --git a/frontend/translations/en.po b/frontend/translations/en.po
index d37ca76a63..bb8484b768 100644
--- a/frontend/translations/en.po
+++ b/frontend/translations/en.po
@@ -9614,5 +9614,5 @@ msgid "dashboard.no-permission-move-team.message"
 msgstr "You are not allowed to move teams that are part of %s organization. If you need more information, contact the organization's owner."
 
 msgid "dashboard.invitations.no-permission"
-msgstr "You do not have permission to invite people to join or to edit or delete invitations in this team."
+msgstr "You don’t have permission to invite people to join this team or to edit or delete invitations."
 
diff --git a/frontend/translations/es.po b/frontend/translations/es.po
index 3ed94fac9b..c8f5fded49 100644
--- a/frontend/translations/es.po
+++ b/frontend/translations/es.po
@@ -9289,5 +9289,5 @@ msgid "dashboard.no-permission-move-team.message"
 msgstr "No tienes permiso para mover equipos que son parte de la organización %s. Si necesitas más información, contacta con el propietario de la organización."
 
 msgid "dashboard.invitations.no-permission"
-msgstr "No tienes permiso para invitar a personas a unirse ni para editar o eliminar invitaciones en este equipo."
+msgstr "No tienes permiso para invitar a personas a unirse a este equipo, ni para editar o eliminar invitaciones."