From d0132fe5ac11498d3ccd0ee91ed6adbfbc245468 Mon Sep 17 00:00:00 2001
From: Ruben van de Ven <git@rubenvandeven.com>
Date: Tue, 10 Mar 2020 15:51:05 +0100
Subject: [PATCH] final(??) coco interface

---
 www/coco.css   | 24 ++++++++----------------
 www/index.html |  4 ++--
 www/saved.html |  6 +++---
 3 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/www/coco.css b/www/coco.css
index 7741b5b..e1df1bc 100644
--- a/www/coco.css
+++ b/www/coco.css
@@ -24,7 +24,7 @@ body.drawspace{
 	top:0;
 	bottom:0;
 	color:white;
-	padding: 80px 10px 10px 10px;
+	padding: 90px 10px 10px 10px;
 	overflow-y: auto;
 	overflow-x: hidden;
 }
@@ -46,7 +46,7 @@ body.drawspace{
 .catNav ul{
 	list-style:none;
 	padding:0px;
-	margin: 60px 0px;
+	margin: 70px 0px 10px 0;
 	border-width: 3px;
 	width:145px;
 	/*box-shadow: white 0 0 20px;*/
@@ -66,6 +66,8 @@ body.drawspace{
 	font-weight:bold;
 	padding: 2px 10px;
 	margin-left: -4px;
+	border-radius: 2px;
+	margin-bottom: 1em;
 }
 #catNav2 ul:before{
 	transform:rotate(30deg);
@@ -85,7 +87,7 @@ body.drawspace{
 .catNav li{
 	padding: 2px;
 	/*margin-left:-12px;*/
-	text-shadow: black 0 0 2px;
+	/*text-shadow: black 0 0 2px;*/
 }
 .catNav li:hover{
 	cursor:pointer;
@@ -166,73 +168,61 @@ body.hideLabels svg text{
 }
 
 .supercategory-person:before{
-	/*color:rgb(250,8,0);*/
 	background:rgb(250,8,0);
 }
 .supercategory-person li{
 }
 .supercategory-vehicle:before{
-	/*color:rgb(128,255,0);*/
 	background:rgb(128,255,0);
 }
 .supercategory-vehicle li{
 }
 .supercategory-outdoor:before{
-	/*color:rgb(0,255,255);*/
 	background:rgb(0,255,255);
 }
 .supercategory-outdoor li{
 }
 .supercategory-animal:before{
-	/*color:rgb(255,0,255);*/
 	background:rgb(255,0,255);
 }
 .supercategory-animal li{
 }
 .supercategory-accessory:before{
-	/*color:rgb(255,255,0);*/
 	background:rgb(255,255,0);
 }
 .supercategory-accessory li{
 }
 .supercategory-sports:before{
-	/*color:rgb(0,128,255);*/
 	background:rgb(0,128,255);
 }
 .supercategory-sports li{
 }
 .supercategory-kitchen:before{
-	/*color:rgb(250,133,0);*/
 	background:rgb(250,133,0);
 }
 .supercategory-kitchen li{
 }
 .supercategory-furniture:before{
-	/*color:rgb(187,0,250);*/
 	background:rgb(187,0,250);
 }
 .supercategory-furniture li{
 }
 .supercategory-food:before{
-	/*color:rgb(0,250,133);*/
 	background:rgb(0,250,133);
 }
 .supercategory-food li{
 }
 .supercategory-electronic:before{
-	/*color:rgb(250,217,0);*/
 	background:rgb(250,217,0);
 }
 .supercategory-electronic li{
 }
 .supercategory-appliance:before{
-	/*color:rgb(255,0,128);*/
 	background:rgb(255,0,128);
 }
 .supercategory-appliance li{
 }
 .supercategory-indoor:before{
-	/*color:rgb(133,0,250);*/
 	background:rgb(133,0,250);
 }
 .supercategory-indoor li{
@@ -310,7 +300,7 @@ button, input[type='submit'],#godraw a,#saved a{
     text-decoration: none;
     /*color: initial;*/
 
-	padding: 10px;
+	padding: 7px 10px;
 	color:white;
 	background:black;
 	border:none;
@@ -319,6 +309,8 @@ button, input[type='submit'],#godraw a,#saved a{
 	font-family: "space_grotesk";
 	font-feature-settings: "salt";
 	font-size:16px;
+
+	border-radius: 2px;
 }
 
 /*input:checked + span{
diff --git a/www/index.html b/www/index.html
index d35eea8..9241e91 100644
--- a/www/index.html
+++ b/www/index.html
@@ -51,8 +51,8 @@
 	<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='convert'><input type='checkbox' id='loadImages'> <span>Images</span></label>
+<label id='labelcheck'><input type='checkbox' id='loadLabels'> <span>Labels</span></label>
 <label id='savewrap'><input type='submit' id='save' disabled='disabled' value='Save'></label>
 <label id='saved'><a href='saved'>Saved drawings</a></label>
 </div>
diff --git a/www/saved.html b/www/saved.html
index e1b9f33..e56cc27 100644
--- a/www/saved.html
+++ b/www/saved.html
@@ -31,9 +31,9 @@
 </nav>
 
 <div class='buttons buttons-inline'>
-<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='bgcheck'><input type='checkbox' id='loadBg' checked> <span>scenes</span></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='bgcheck'><input type='checkbox' id='loadBg' checked> <span>Scenes</span></label>
 <label id='godraw'><a href='/a/coco/'>Draw your own!</a></label>
 </div>
 	<div id='saved'>