Merge pull request #3370 from hypothesis/adder-style-tweaks

Add padding, fix hover state colours, tweak shadow

h/static/styles/annotator/adder.scss

@@ -12,7 +12,7 @@ $adder-transition-duration: 80ms;
   background: $white;
   border: 1px solid rgba(0,0,0,0.20);
   border-radius: 4px;
-  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
+  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
   z-index: 999;
 
   // Give the adder a very low opacity initially.  It will then fade-in when
@@ -79,6 +79,10 @@ $adder-transition-duration: 80ms;
   color: $gray-light !important;
 }
 
+.annotator-adder-actions:hover .annotator-adder-actions__label {
+  color: $gray-light !important;
+}
+
 .annotator-adder-actions__button {
   box-shadow: none;
   font-family: h;
@@ -91,7 +95,7 @@ $adder-transition-duration: 80ms;
   border: none;
   cursor: pointer;
 
-  padding-top: 7px;
+  padding-top: 10px;
   padding-bottom: 6px;
   padding-left: 10px;
   padding-right: 10px;
@@ -111,6 +115,6 @@ $adder-transition-duration: 80ms;
   font-size: 11px;
   margin: 2px 0px;
   font-family: sans-serif;
-  color: $gray-light !important;
+  color: $gray-dark !important;
   transition: color $adder-transition-duration;
 }