More resolution-friendly

index.html

@@ -71,6 +71,26 @@
 				display: block;
 				line-height: initial;
 			}
+			
+			@media(max-aspect-ratio: 1) {
+				div.everything {
+					top: 0;
+					left: 0;
+					transform: translate(0, 0);
+				}
+				div.stream {
+					flex-direction: column;
+				}
+				div.stream > div.chat {
+					min-height: 20vh;
+				}
+				converse-root {
+					position: absolute !important;
+					width: 100%;
+					height: 100%;
+					display: inline-block;
+				}
+			}
 		</style>
 		<link rel="stylesheet" type="text/css" media="screen" href="https://cdn.conversejs.org/10.1.4/dist/converse.min.css">
 		<meta charset="UTF-8" />
@@ -114,7 +134,8 @@
 				singleton: true,
 				discover_connection_methods: false,
 				keepalive: false,
-				auto_reconnect: true
+				auto_reconnect: true,
+				hide_muc_participants: true
 			})
 		</script>
 	</body>