Change main screen initial layout

essencesdev · Apr 6, 2023 · f651692 · f651692
1 parent 884798b
commit f651692
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/connection-screen.css b/src/connection-screen.css
@@ -33,7 +33,7 @@
 #connection-screen {
 	flex-direction: column;
 	gap: var(--main-sizing);
-	z-index: 1;
+	z-index: -1;
 }
 
 #qrcode,

diff --git a/src/index.html b/src/index.html
@@ -11,7 +11,7 @@
 		<script src="external/qrcode.js"></script>
 	</head>
 	<body>
-		<section id="main-screen" class="full-screen">
+		<section id="main-screen" class="full-screen fully-centered">
 			<webrtc-chat id="webrtc-chat" data-cant-close></webrtc-chat>
 			<webrtc-track-commands
 				id="main-webrtc-track-commands"

diff --git a/src/main-screen.css b/src/main-screen.css
@@ -1,3 +1,7 @@
-webrtc-chat {
-	top: 300px;
+#main-webrtc-track-commands {
+	position: fixed;
+	margin-left: 32px;
+	margin-top: 32px;
+	left: 0;
+	top: 0;
 }