css low effort

index.html

@@ -25,9 +25,9 @@
 				enable-background="new 0 0 500 500"
 				xml:space="preserve"
 			></svg>
+			<button id="submit">Send</button>
 		</div>
 
-		<button id="submit">Send</button>
 		<script>
 			const theme = document.querySelector("#theme");
 
@@ -51,6 +51,7 @@
 					},
 					""
 				);
+				if (paths == "") return;
 				socket.send(JSON.stringify({ type: "drawings", paths: paths }));
 
 				for (const path of document.querySelectorAll("#svgElement path")) {

public/style.css

@@ -1,8 +1,25 @@
 html,
 body {
+	font-family: sans-serif;
 	background-color: dodgerblue;
 }
 
 #svgElement {
 	background-color: white;
 }
+
+button {
+	display: block;
+	background-color: white;
+	border: 2px solid currentColor;
+	padding: 16px 32px;
+	border-radius: 32px;
+	font-size: 32px;
+	margin-top: 16px;
+}
+
+#theme {
+	font-weight: bold;
+	-webkit-text-stroke: 1px black;
+	-webkit-text-fill-color: white;
+}