added menuBar

static/css/screen.css

@@ -27,9 +27,26 @@ body {
     -moz-osx-font-smoothing: grayscale;
 }
 
+#menuBar {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    background: #333;
+}
+#menuBar li {
+    display: inline-block;
+    padding: 0;
+    vertical-align: middle;
+    padding: 0 2em;
+}
+
 #back-to-menu {
     display: inline-block;
-    margin: 10px;
+}
+
+#fullscreen {
+    float: right;
+    margin-top: 0.5em;
 }
 
 ::selection {
@@ -43,7 +60,7 @@ input, button {
     background: black;
     color: #ccc;
     border: 0;
-    padding: 0.3em 0.6em;
+    padding: 0.3em 0.6em 0.6em;
     font-size: 1em;
     font-family: inherit;
     text-transform: inherit;
@@ -60,7 +77,7 @@ input, button {
 #primarycolor {
     padding: 0.3em;
     width: 1em;
-    background-color: black;
+    background-color: #777;
 }
 
 article#menu {
@@ -126,7 +143,6 @@ canvas {
 }
 
 #devtools {
-    font-family: monospace;
     position: absolute;
     right: 0;
     top: 0;

static/html/index.html

@@ -13,7 +13,7 @@
 		<label>
 			Nickname:<br>
 			<input id="nick" name="nick" type="text">
-			<input id="primarycolor">
+			<input readonly id="primarycolor">
 		</label>
 	</p>
 
@@ -74,7 +74,7 @@
 	</form>
 </article>
 <article id="game">
-	<button id="back-to-menu" onclick="window.location.href='/'">Menu</button>
+	<ul id="menuBar"><li><button id="back-to-menu" onclick="window.location.href='/'">Menu</button></ul>
     <div id="canvasContainer">
         <canvas id="canvas"></canvas>
     </div>