watchparty: put chat on right on desktop.

files/templates/chat.html

@@ -38,6 +38,14 @@
 			body {
 				padding-top: 0;
 			}
+			@media screen and (min-width: 650px) {
+				.App-center {
+					height: 80vh;
+				}
+				.App-content {
+					height: 75vh;
+				}
+			}
 		</style>
 	{% endif %}
 </body>

files/templates/chat_watchparty.html

@@ -23,11 +23,9 @@
 			display: flex;
 			flex-direction: column;
 		}
-		iframe {
+		#watchparty-video {
 			width: 100%;
 			height: 50%;
-		}
-		#watchparty-video {
 			max-width: 560px;
 			max-height: 315px;
 			margin: 0 auto;
@@ -38,5 +36,13 @@
 			height: 50%;
 			flex-grow: 1;
 		}
+		@media screen and (min-width: 1000px) {
+			#watchparty {
+				flex-direction: row;
+			}
+			#watchparty-video, #watchparty-chat {
+				height: 100%;
+			}
+		}
 	</style>
 </body>