From 4878a000142538b839c95f9f29559d2f8350f01c Mon Sep 17 00:00:00 2001
From: Calin Chitu <calinte2002@yahoo.co.uk>
Date: Fri, 7 Jan 2022 17:03:52 +0200
Subject: [PATCH] feat(participants-pane) updated styles for add breakout and
 invite buttons

---
 react/features/breakout-rooms/components/native/styles.js  | 7 ++++---
 .../features/participants-pane/components/native/styles.js | 7 +++++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/react/features/breakout-rooms/components/native/styles.js b/react/features/breakout-rooms/components/native/styles.js
index e7d5cd540..837428864 100644
--- a/react/features/breakout-rooms/components/native/styles.js
+++ b/react/features/breakout-rooms/components/native/styles.js
@@ -1,15 +1,16 @@
 import BaseTheme from '../../../base/ui/components/BaseTheme.native';
 
 const baseButton = {
-    height: BaseTheme.spacing[6],
-    marginTop: BaseTheme.spacing[2],
+    borderRadius: BaseTheme.shape.borderRadius,
+    height: BaseTheme.spacing[7],
+    marginTop: BaseTheme.spacing[3],
     marginLeft: BaseTheme.spacing[3],
     marginRight: BaseTheme.spacing[3]
 };
 
 const baseLabel = {
     fontSize: 15,
-    lineHeight: 24,
+    lineHeight: 30,
     textTransform: 'capitalize'
 };
 
diff --git a/react/features/participants-pane/components/native/styles.js b/react/features/participants-pane/components/native/styles.js
index f261f16c9..169436b50 100644
--- a/react/features/participants-pane/components/native/styles.js
+++ b/react/features/participants-pane/components/native/styles.js
@@ -240,13 +240,16 @@ export default {
 
     inviteButton: {
         backgroundColor: BaseTheme.palette.action01,
+        borderRadius: BaseTheme.shape.borderRadius,
+        height: BaseTheme.spacing[7],
         marginBottom: BaseTheme.spacing[4],
         marginLeft: BaseTheme.spacing[3],
         marginRight: BaseTheme.spacing[3]
     },
 
     inviteLabel: {
-        ...BaseTheme.typography.labelButtonLarge,
+        fontSize: 15,
+        lineHeight: 30,
         textTransform: 'capitalize'
     },
 
@@ -330,7 +333,7 @@ export default {
         borderStyle: 'solid',
         borderColor: BaseTheme.palette.border02,
         backgroundColor: BaseTheme.palette.uiBackground,
-        borderRadius: 6,
+        borderRadius: BaseTheme.shape.borderRadius,
         marginLeft: BaseTheme.spacing[3],
         marginRight: BaseTheme.spacing[3]
     },