diff --git a/app/src/components/MeetingViews/Democratic.js b/app/src/components/MeetingViews/Democratic.js
index 9ab7182..2009ed3 100644
--- a/app/src/components/MeetingViews/Democratic.js
+++ b/app/src/components/MeetingViews/Democratic.js
@@ -10,7 +10,8 @@ import HiddenPeers from '../Containers/HiddenPeers';
import ResizeObserver from 'resize-observer-polyfill';
const RATIO = 1.334;
-const PADDING = 60;
+const PADDING_V = 50;
+const PADDING_H = 20;
const styles = () =>
({
@@ -24,8 +25,10 @@ const styles = () =>
justifyContent : 'center',
alignItems : 'center',
alignContent : 'center',
- paddingTop : 30,
- paddingBottom : 30
+ paddingTop : 40,
+ paddingBottom : 10,
+ paddingLeft : 10,
+ paddingRight : 10
},
peerContainer :
{
@@ -74,8 +77,8 @@ class Democratic extends React.PureComponent
return;
}
- const width = this.peersRef.current.clientWidth;
- const height = this.peersRef.current.clientHeight - PADDING;
+ const width = this.peersRef.current.clientWidth - PADDING_H;
+ const height = this.peersRef.current.clientHeight - PADDING_V;
let x, y, space;
diff --git a/app/src/components/Settings/Settings.js b/app/src/components/Settings/Settings.js
index 4ff1e93..f251ea1 100644
--- a/app/src/components/Settings/Settings.js
+++ b/app/src/components/Settings/Settings.js
@@ -51,20 +51,20 @@ const styles = (theme) =>
}
});
-const modes = [ {
+/* const modes = [ {
value : 'democratic',
label : 'Democratic view'
}, {
value : 'filmstrip',
label : 'Filmstrip view'
-} ];
+} ]; */
const Settings = ({
roomClient,
room,
me,
onToggleAdvancedMode,
- handleChangeMode,
+ // handleChangeMode,
handleCloseSettings,
classes
}) =>
@@ -158,7 +158,7 @@ const Settings = ({
control={