From 663a65ad81f6743dba68391a80017070e1267cff Mon Sep 17 00:00:00 2001
From: Mihai Uscat <mihai.uscat@8x8.com>
Date: Thu, 21 May 2020 15:49:51 +0300
Subject: [PATCH] fix(SecurityDialog): fix button overflow

---
 css/modals/invite/_info.scss                           | 1 +
 css/modals/invite/_invite_more.scss                    | 6 +++---
 css/modals/security/_security.scss                     | 4 ++--
 react/features/conference/components/web/InviteMore.js | 2 +-
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/css/modals/invite/_info.scss b/css/modals/invite/_info.scss
index aaf6981226..6c240a01ae 100644
--- a/css/modals/invite/_info.scss
+++ b/css/modals/invite/_info.scss
@@ -38,6 +38,7 @@
     }
 
     .info-password-input {
+        width: 100%;
         background-color: transparent;
         border: none;
         color: inherit;
diff --git a/css/modals/invite/_invite_more.scss b/css/modals/invite/_invite_more.scss
index 7f4b24efac..1b815322a4 100644
--- a/css/modals/invite/_invite_more.scss
+++ b/css/modals/invite/_invite_more.scss
@@ -21,11 +21,10 @@
 
     &-button {
         display: flex;
-        justify-content: space-between;
-        align-items: center;
         margin: auto;
         padding: 8px 16px;
-        width: 152px;
+        width: fit-content;
+        width: -moz-fit-content;
         height: 24px;
         background: #0376DA;
         border-radius: 3px;
@@ -38,6 +37,7 @@
         }
 
         &-text {
+            margin-left: 8px;
             font-size: 15px;
             line-height: 24px;
         }
diff --git a/css/modals/security/_security.scss b/css/modals/security/_security.scss
index 69bb64d50a..7c1eb41085 100644
--- a/css/modals/security/_security.scss
+++ b/css/modals/security/_security.scss
@@ -17,8 +17,8 @@
                     color: #6FB1EA;
                 }
 
-                & > a + a {
-                    margin-left: 24px;
+                & > :first-child:not(:last-child) {
+                    margin-right: 24px;
                 }
             }
         }
diff --git a/react/features/conference/components/web/InviteMore.js b/react/features/conference/components/web/InviteMore.js
index 5b1840c523..37538d29ff 100644
--- a/react/features/conference/components/web/InviteMore.js
+++ b/react/features/conference/components/web/InviteMore.js
@@ -56,7 +56,7 @@ function InviteMore({
                     className = 'invite-more-button'
                     onClick = { onClick }>
                     <Icon src = { IconInviteMore } />
-                    <div className = 'invite-more-text'>
+                    <div className = 'invite-more-button-text'>
                         {t('addPeople.inviteMorePrompt')}
                     </div>
                 </div>