From 409cf1decb0a99713028d2e16c13c9e62f7d1a3a Mon Sep 17 00:00:00 2001
From: Jan Kessler <jakessle@t-online.de>
Date: Mon, 27 Nov 2023 15:56:29 +0100
Subject: [PATCH] add margin and tooltip instead of label to new leave meeting
 button

---
 .../ui/components/nav-bar/leave-meeting-button/component.jsx    | 2 +-
 .../ui/components/nav-bar/leave-meeting-button/styles.js        | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/leave-meeting-button/component.jsx b/bigbluebutton-html5/imports/ui/components/nav-bar/leave-meeting-button/component.jsx
index e42da4e9e2..3dedd5eab8 100644
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/leave-meeting-button/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/leave-meeting-button/component.jsx
@@ -20,7 +20,7 @@ const LeaveMeetingButton = ({ label }) => {
 
   return (
     <Styled.LeaveButton
-      label={label}
+      tooltipLabel={label}
       color="danger"
       size="lg"
       onClick={() => leaveSession()}
diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/leave-meeting-button/styles.js b/bigbluebutton-html5/imports/ui/components/nav-bar/leave-meeting-button/styles.js
index b9017db50a..1382548cc3 100644
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/leave-meeting-button/styles.js
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/leave-meeting-button/styles.js
@@ -3,6 +3,7 @@ import Button from '/imports/ui/components/common/button/component';
 
 const LeaveButton = styled(Button)`
   border-radius: 1.1rem;
+  margin: 0.5rem;
   font-size: 1rem;
   line-height: 1.1rem;
   font-weight: 400;