From 7f963edf9e73be06927dfbaae550208708ac81aa Mon Sep 17 00:00:00 2001
From: Eva <eva.marco@kaleidos.net>
Date: Wed, 8 Feb 2023 11:57:17 +0100
Subject: [PATCH] :bug: Fix invite members text on modal button

---
 CHANGES.md                                     |  4 ++++
 .../resources/styles/main/partials/modal.scss  | 18 +++++++++++++-----
 .../app/main/ui/onboarding/team_choice.cljs    |  5 ++---
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index 2cc735ccb..603c5b7af 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,4 +1,8 @@
 # CHANGELOG
+## 1.17.2
+
+### :bug: Bugs fixed
+- Fix invite members button text [Taiga #4794](https://tree.taiga.io/project/penpot/issue/4794)
 
 ## 1.17.2
 
diff --git a/frontend/resources/styles/main/partials/modal.scss b/frontend/resources/styles/main/partials/modal.scss
index 79cf01609..06c7210c3 100644
--- a/frontend/resources/styles/main/partials/modal.scss
+++ b/frontend/resources/styles/main/partials/modal.scss
@@ -1495,10 +1495,6 @@
         display: grid;
         grid-template-columns: 1fr auto;
         gap: 8px;
-        .btn-large {
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
         .btn-primary {
           max-width: 250px;
         }
@@ -1587,7 +1583,19 @@
         }
       }
       .buttons {
-        margin-top: 12px;
+        margin: 12px 0;
+        button {
+          height: auto;
+        }
+        input {
+          white-space: break-spaces;
+          word-break: break-word;
+          height: fit-content;
+          margin: 0;
+          padding: 5px 10px;
+          min-height: 40px;
+          max-height: 90px;
+        }
       }
     }
   }
diff --git a/frontend/src/app/main/ui/onboarding/team_choice.cljs b/frontend/src/app/main/ui/onboarding/team_choice.cljs
index 36700ca72..b1a1e5342 100644
--- a/frontend/src/app/main/ui/onboarding/team_choice.cljs
+++ b/frontend/src/app/main/ui/onboarding/team_choice.cljs
@@ -196,9 +196,8 @@
                                                        :name name
                                                        :step 2}))}
           (tr "labels.back")]
-         [:div {:title (tr "onboarding.choice.team-up.invite-members-submit")}
-          [:& fm/submit-button
-           {:label (tr "onboarding.choice.team-up.invite-members-submit")}]]]
+         [:& fm/submit-button
+          {:label (tr "onboarding.choice.team-up.invite-members-submit")}]]
         [:div.skip-action
          {:on-click on-skip}
          [:div.action (tr "onboarding.choice.team-up.invite-members-skip")]]]]