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={} label='Advanced mode' /> -
+ { /*