From 65edb5d6c980b3cc865b1d7b306fdc9d4c2003fd Mon Sep 17 00:00:00 2001
From: merijn van moll <mail@merijnvanmoll.nl>
Date: Wed, 22 Jan 2020 17:31:58 +0100
Subject: [PATCH] paddings

---
 www/worker_specs/index.html | 12 ++++++------
 www/worker_specs/style.css  | 23 ++++++++++++++++-------
 2 files changed, 22 insertions(+), 13 deletions(-)
diff --git a/www/worker_specs/index.html b/www/worker_specs/index.html
index 62e6bda..947b002 100644
--- a/www/worker_specs/index.html
+++ b/www/worker_specs/index.html
@@ -9,7 +9,7 @@
 </head>
 <body>
 
-<!-- VUE kijken hoe dat werkt bv for loop -->
+
 
 <div id="wrapper">
 <div class='hit' v-for="(hit, hitId) in hits"
@@ -40,12 +40,12 @@
 					<p>$ {{formatPrice(hit.fee*.2)}}</p>
 				</div>
 			</div>
-			
-			<!-- TASK FEE en FEE voor amazon (task fee * .2)  -->
+
+
 
 	</div>
 
-	<div class='transition' v-if="hit.hit_id">
+	<div class='transition' v-if="hit.hit_id" :class="[{'no_arrow': !hit.assignment}]">
 		<p v-if="!hit.assignment">waiting for worker</p>
 		<template v-else>
 			<p v-if="hit.assignment.returned_at || hit.assignment.abandoned_at">task abandoned</p>
@@ -81,9 +81,9 @@
 	<div class='state' v-if="hit.assignment.submit_page_at">
 		<h2>worker input</h2>
 		<div class="svgcrop" style="height: 110px; overflow: hidden">
-			<img :src="hit.svg_image" style="margin-top: -60px">
+			<img :src="hit.svg_image" style="margin-top: 0px">
 		</div>
-		
+
 		<div class='columns'>
 			<div class='column'>
 				<p class="descriptor">duration</p>
diff --git a/www/worker_specs/style.css b/www/worker_specs/style.css
index 2686f84..81166b7 100644
--- a/www/worker_specs/style.css
+++ b/www/worker_specs/style.css
@@ -78,14 +78,21 @@ html, body{
   /* text-align: center; */
 	animation-duration: 3s;
   	animation-name: slidein;
-    margin: 20px 0px;
+    margin: 10px 0px;
+
 }
 
 .transition p{
-      margin:2px;
+      /* height: 100%; */
+      margin: 12px 2px 2px 2px;
 }
 
-.transition::before{
+.transition.no_arrow{
+  padding: 0;
+  text-align: center;
+}
+
+.transition:not(.no_arrow)::before{
 	content:'⇩'; /*'⇓';*/
 	display:block;
 	position:absolute;
@@ -107,7 +114,7 @@ html, body{
   	/* max-height: 200px; */
     margin: 2px;
     border:solid 2px black;
-    padding: 4px;
+    padding: 12px;
 }
 
 .state h2{
@@ -131,7 +138,7 @@ html, body{
 .state .descriptor{
   font-family: 'freesans';
   font-size: var(--base-font-size);
-  margin-top: var(--base-font-size);
+  margin-top: calc(var(--base-font-size)/2);
 }
 
 .state.assignment-hidden {
@@ -197,13 +204,15 @@ html, body{
 .columns{
 	display: flex;
 	flex-direction: row;
-	
+
 }
 
 .columns .column{
 	flex-grow: 1;
+  width: 50%;
 }
 
+
 .scan img{
 	vertical-align:bottom;
-}
\ No newline at end of file
+}
