From ae6fecee8df99f992ee4fa6e6f279b2a451d8023 Mon Sep 17 00:00:00 2001
From: Ruben van de Ven <git@rubenvandeven.com>
Date: Wed, 2 Dec 2020 11:56:35 +0100
Subject: [PATCH] style changes

---
 www/coco.css   | 13 +++++++------
 www/index.html | 20 ++++++++++----------
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/www/coco.css b/www/coco.css
index 1683b4e..7c8c3db 100644
--- a/www/coco.css
+++ b/www/coco.css
@@ -3,6 +3,7 @@ body{
 	margin:0;
 	background-size:cover;
 	background-position: center center;
+	font-size:12.8px;
 }
 
 body.drawspace{
@@ -51,7 +52,7 @@ body.drawspace{
 	width:145px;
 	/*box-shadow: white 0 0 20px;*/
 	position:relative;
-	font-size: 0.8em;
+	font-size: 12.8px;
 
 }
 .catNav ul:first-child{
@@ -114,7 +115,7 @@ g:active{
 
 svg text{
 	fill:white;
-	font-size: 25pt;
+	font-size: 16pt;
 
 	-webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -129,7 +130,7 @@ svg text{
 	top: 20px;
 	text-align:center;
 	width: 600px;
-	left: calc(50% - 150px);
+	left: calc(50% - 300px);
 
 }
 .buttons.buttons-inline{
@@ -148,7 +149,7 @@ svg text{
 	text-decoration:underline;
 }
 .buttons #sceneLabel{
-	/* display:block; */
+	display:block;
 }
 
 body{
@@ -300,7 +301,7 @@ select{
 
 	font-family: "space_grotesk";
 	font-feature-settings: "salt";
-	font-size:0.8em;
+	font-size 12.8px;
 }
 option{
 	font-family: sans-serif;
@@ -324,7 +325,7 @@ button, input[type='submit'],#godraw a,#saved a{
 
 	font-family: "space_grotesk";
 	font-feature-settings: "salt";
-	font-size:0.8em;
+	font-size 12.8px;
 
 	border-radius: 2px;
 }
diff --git a/www/index.html b/www/index.html
index cd1e527..2d26b85 100644
--- a/www/index.html
+++ b/www/index.html
@@ -46,16 +46,16 @@
 </svg>
 
 <div class='buttons'>
-  <div id='buttons-top'>
-
-    <label id='scenelabel'>Pick a scene <select id='scene'>
-      <!-- 	<option>-</option> -->
-      <option data-background="drone_simple.svg" value="1">View from a drone</option>
-      <option data-background="car_simple.svg" value="2">View from a self driving car</option>
-      <option data-background="room_simple.svg" value="3">Product affiliation detector</option>
-    </select></label>
-    <label id='convert'><input type='checkbox' id='loadImages'> <span>Images</span></label>
-    <label id='labelcheck'><input type='checkbox' id='loadLabels'> <span>Labels</span></label>
+  
+  <label id='scenelabel'>Pick a scene <select id='scene'>
+    <!-- 	<option>-</option> -->
+    <option data-background="drone_simple.svg" value="1">View from a drone</option>
+    <option data-background="car_simple.svg" value="2">View from a self driving car</option>
+    <option data-background="room_simple.svg" value="3">Product affiliation detector</option>
+  </select></label>
+<div id='buttons-top'>
+    <label id='convert'><input type='checkbox' id='loadImages'> <span>Show images</span></label>
+    <label id='labelcheck'><input type='checkbox' id='loadLabels'> <span>Show labels</span></label>
   </div>
   <label id='savewrap'><input type='submit' id='save' disabled='disabled' value='Save'></label>
   <label id='saved'><a href='saved'>View saved drawings</a></label>