improve click progress through our app

1 files changed, 34 insertions, 5 deletions

diff --git a/style.css b/style.css
index 3bd370c..e737cf7 100644
--- a/style.css
+++ b/style.css
@@ -32,6 +32,7 @@
 
 body {
   font-family: 'SourceSansPro', sans-serif;
+  background-color: #F1F2E3;
 }
 
 .wrapper {
@@ -45,6 +46,7 @@ h1 {
   font-size: 30pt;
   font-weight: 300;
   text-transform: uppercase;
+  cursor: pointer;
 }
 
 h2 {
@@ -53,7 +55,7 @@ h2 {
   cursor: pointer;
 }
 
-h1, h2, h3, .juice {
+.block-header, .juice {
   min-width: 480px;
   width: 50%;
   margin: 0.5em auto 0 auto;
@@ -151,11 +153,12 @@ h1, h2, h3, .juice {
 
 .two-buttons,
 .one-button {
-  height: 3em;
+  height: 4em;
+  margin: 1em 0 0.5em 0;
 }
 
 .button {
-  width: 33%;
+  width: 45%;
   height: 2em;
   padding-top: 0.7em;
   padding-bottom: 0;
@@ -210,7 +213,6 @@ ul {
   margin-left: 0;
   margin-right: 0;
   padding: 0.4em 0 0.4em 0;
-  border-top: 8px solid white;
   text-align: center;
   position: fixed;
   bottom: 0px;
@@ -232,6 +234,14 @@ ul {
   width: 100%;
 }
 
+.done {
+  float: right;
+  font-size: 24pt;
+  margin-top: -0.2em;
+  display: none;
+  visibility: hidden;
+}
+
 input[type="text"] {
   width: 90%;
 }
@@ -244,8 +254,27 @@ input[type="text"] {
 .wrapper.step6 .block-step6 .juice,
 .wrapper.step7 .block-step7 .juice,
 .wrapper.step7 .block-step7,
+
 .wrapper.stepcancel .block-stepcancel.juice,
-.wrapper.stepcancel #unsicher {
+.wrapper.stepcancel #unsicher,
+
+.wrapper.step3 .block-step2 .done,
+.wrapper.step4 .block-step2 .done,
+.wrapper.step5 .block-step2 .done,
+.wrapper.step6 .block-step2 .done,
+.wrapper.step7 .block-step2 .done,
+.wrapper.step4 .block-step3 .done,
+.wrapper.step5 .block-step3 .done,
+.wrapper.step6 .block-step3 .done,
+.wrapper.step7 .block-step3 .done,
+.wrapper.step5 .block-step4 .done,
+.wrapper.step6 .block-step4 .done,
+.wrapper.step7 .block-step4 .done,
+.wrapper.step6 .block-step5 .done,
+.wrapper.step7 .block-step5 .done,
+.wrapper.step7 .block-step6 .done
+
+{
   display: block !important;
   visibility: visible !important;
 }