From 5b8f2d83a9059713057be777bf7f66b4a8a7b69c Mon Sep 17 00:00:00 2001
From: Astagor <astagor@gmail.com>
Date: Tue, 5 May 2020 08:25:33 +0200
Subject: [PATCH] Added a div to wrapp buttons in FileSharing

---
 .../MeetingDrawer/FileSharing/FileSharing.js  | 84 ++++++++++---------
 1 file changed, 45 insertions(+), 39 deletions(-)

diff --git a/app/src/components/MeetingDrawer/FileSharing/FileSharing.js b/app/src/components/MeetingDrawer/FileSharing/FileSharing.js
index 66a0d15..e74f0be 100644
--- a/app/src/components/MeetingDrawer/FileSharing/FileSharing.js
+++ b/app/src/components/MeetingDrawer/FileSharing/FileSharing.js
@@ -25,6 +25,10 @@ const styles = (theme) =>
 		button :
 		{
 			margin : theme.spacing(1)
+		},
+		shareButtonsWrapper :
+		{
+			display       : 'flex'
 		}
 	});
 
@@ -72,45 +76,47 @@ const FileSharing = (props) =>
 	return (
 		<Paper className={classes.root}>
 			<FileSharingModerator />
-			<input
-				className={classes.input}
-				type='file'
-				disabled={!canShare}
-				onChange={handleFileChange}
-				// Need to reset to be able to share same file twice
-				onClick={(e) => (e.target.value = null)}
-				id='share-files-button'
-			/>
-			<input
-				className={classes.input}
-				type='file'
-				disabled={!canShare}
-				onChange={handleFileChange}
-				accept="image/*"
-				id='share-files-gallery-button'
-			/>
-			<label htmlFor='share-files-button'>
-				<Button
-					variant='contained'
-					component='span'
-					className={classes.button}
-					disabled={!canShareFiles || !canShare}
-				>
-					{buttonDescription}
-				</Button>
-			</label>
-			{
-			(browser.platform === 'mobile') && canShareFiles && canShare && <label htmlFor='share-files-gallery-button'>
-				<Button
-					variant='contained'
-					component='span'
-					className={classes.button}
-					disabled={!canShareFiles || !canShare}
-				>
-					{buttonGalleryDescription}
-				</Button>
-			</label>
-			}
+			<div className={classes.shareButtonsWrapper} >
+				<input
+					className={classes.input}
+					type='file'
+					disabled={!canShare}
+					onChange={handleFileChange}
+					// Need to reset to be able to share same file twice
+					onClick={(e) => (e.target.value = null)}
+					id='share-files-button'
+				/>
+				<input
+					className={classes.input}
+					type='file'
+					disabled={!canShare}
+					onChange={handleFileChange}
+					accept="image/*"
+					id='share-files-gallery-button'
+				/>
+				<label htmlFor='share-files-button'>
+					<Button
+						variant='contained'
+						component='span'
+						className={classes.button}
+						disabled={!canShareFiles || !canShare}
+					>
+						{buttonDescription}
+					</Button>
+				</label>
+				{
+				(browser.platform === 'mobile') && canShareFiles && canShare && <label htmlFor='share-files-gallery-button'>
+					<Button
+						variant='contained'
+						component='span'
+						className={classes.button}
+						disabled={!canShareFiles || !canShare}
+					>
+						{buttonGalleryDescription}
+					</Button>
+				</label>
+				}
+			</div>
 			<FileList />
 		</Paper>
 	);