style changes

This commit is contained in:
Ruben van de Ven 2020-12-02 11:56:35 +01:00
parent 8b14892ac7
commit ae6fecee8d
2 changed files with 17 additions and 16 deletions

View file

@ -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;
}

View file

@ -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>