Some small fixes to resolution and scaling.

app/lib/RoomClient.js

@@ -20,7 +20,8 @@ const ROOM_OPTIONS =
 
 const VIDEO_CONSTRAINS =
 {
-	width : { ideal: 3840 }
+	width       : { ideal: 1280 },
+	aspectRatio : 1.334
 };
 
 export default class RoomClient

app/lib/components/Peers.jsx

@@ -18,12 +18,14 @@ class Peers extends React.Component
 		};
 	}
 
-	updateDimensions(nextProps = null)
+	resizeUpdate()
 	{
-		if (!nextProps.peers && !this.props.peers)
-			return;
+		this.updateDimensions();
+	}
 
-		const n = nextProps ? nextProps.peers.length : this.props.peers.length;
+	updateDimensions(props = this.props)
+	{
+		const n = props.peers ? props.peers.length : 0;
 
 		if (n == 0)
 		{
@@ -62,17 +64,18 @@ class Peers extends React.Component
 
 	componentDidMount()
 	{
-		window.addEventListener('resize', this.updateDimensions.bind(this));
+		window.addEventListener('resize', this.resizeUpdate.bind(this));
 	}
 
 	componentWillUnmount()
 	{
-		window.removeEventListener('resize', this.updateDimensions.bind(this));
+		window.removeEventListener('resize', this.resizeUpdate.bind(this));
 	}
 
 	componentWillReceiveProps(nextProps)
 	{
-		this.updateDimensions(nextProps);
+		if (nextProps.peers)
+			this.updateDimensions(nextProps);
 	}
 
 	render()

app/stylus/components/PeerView.styl

@@ -170,7 +170,7 @@
 		flex: 100 100 auto;
 		height: 100%;
 		width: 100%;
-		object-fit: contain;
+		object-fit: cover;
 		user-select: none;
 		transition-property: opacity;
 		transition-duration: .15s;