From 2f5c33d491c70c2f36596f35bc3bbe6cfee90486 Mon Sep 17 00:00:00 2001
From: Roman Drozd <roman@drozd.it>
Date: Wed, 3 Nov 2021 12:39:02 +0100
Subject: [PATCH] Fix leaving buttons on smaller screens

---
 app/src/components/LeaveDialog.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/src/components/LeaveDialog.js b/app/src/components/LeaveDialog.js
index 58d2b1de..732e935b 100644
--- a/app/src/components/LeaveDialog.js
+++ b/app/src/components/LeaveDialog.js
@@ -36,6 +36,15 @@ const styles = (theme) =>
 				width : '90vw'
 			}
 		},
+		dialogActions :
+		{
+			flexDirection                  : 'row',
+			[theme.breakpoints.down('xs')] :
+			{
+				flexDirection : 'column'
+			}
+		},
+
 		logo :
 		{
 			marginLeft  : theme.spacing(1.5),
@@ -106,7 +115,7 @@ const LeaveDialog = ({
 					defaultMessage='Do you want to leave the room?'
 				/>
 			</DialogContent>
-			<DialogActions>
+			<DialogActions className={classes.dialogActions}>
 				<Button
 					onClick={handleStay}
 					color='primary'