fix style issues as reported by malik

1 files changed, 12 insertions, 16 deletions

diff --git a/style.css b/style.css
index 8a1c7df..1866ade 100644
--- a/style.css
+++ b/style.css
@@ -66,6 +66,7 @@ h2 {
 .block-header, .juice {
   min-width: 480px;
   width: 50%;
+  max-width: 32em;
   margin: 0.5em auto 0 auto;
 }
 
@@ -186,34 +187,30 @@ h2 {
   text-align: center;
   border-radius: 10px;
   text-transform: uppercase;
-  transition-duration: 0.4s;
+  transition-duration: 0.2s;
   cursor: pointer;
 }
 
-.button-red:hover {
-  background-color: white;
-  color: #E65946;
-}
-
 .button-red {
   float: right;
-  border: 2px solid #E65946;
   background-color: #E65946;
 }
 
+.button-green {
+  float: right;
+  background-color: #8ECA63;
+}
+
 .button-green:hover {
-  background-color: white;
-  color: #8ECA63;
+  background-color: #c2ca63;
 }
 
-.two-buttons .button-green {
-  float: left;
+.button-red:hover {
+  background-color: #E646D3;
 }
 
-.button-green {
-  float: right;
-  border: 2px solid #8ECA63;
-  background-color: #8ECA63;
+.two-buttons .button-green {
+  float: left;
 }
 
 body {
@@ -258,7 +255,6 @@ ul {
 .done {
   float: right;
   font-size: 24pt;
-  margin-top: -0.2em;
   visibility: hidden;
 }