From 1b9b07bdacfea8afdcfdd615c38cf06543a832fd Mon Sep 17 00:00:00 2001
From: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>
Date: Wed, 17 Apr 2019 14:41:40 +0100
Subject: [PATCH] Make sure labels aren't over help-hover (#1027)

---
 packages/ui-app/src/Labelled.tsx   | 2 +-
 packages/ui-app/src/styles/app.css | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/ui-app/src/Labelled.tsx b/packages/ui-app/src/Labelled.tsx
index f92e8e045c..b3eae1ceaf 100644
--- a/packages/ui-app/src/Labelled.tsx
+++ b/packages/ui-app/src/Labelled.tsx
@@ -31,7 +31,6 @@ const Wrapper = styled.div`
     margin: 0.25rem 0 0 0;
     padding-right: 0.5rem;
     position: relative;
-    z-index: 1;
 
     .help-hover {
       background: #222;
@@ -45,6 +44,7 @@ const Wrapper = styled.div`
       left: 2.5rem;
       right: -5rem;
       z-index: 10;
+      opacity: .9;
     }
 
     i.icon.help {
diff --git a/packages/ui-app/src/styles/app.css b/packages/ui-app/src/styles/app.css
index d29dfcdab7..a755322d1b 100644
--- a/packages/ui-app/src/styles/app.css
+++ b/packages/ui-app/src/styles/app.css
@@ -33,13 +33,12 @@ h3, h4, h5 {
 
 label {
   box-sizing: border-box;
-  color: #4e4e4e;
+  color: rgba(78,78,78,.75);
   display: block;
   font-family: sans-serif;
   font-size: 1rem;
   font-weight: 100;
   margin: 0.25rem;
-  opacity: 0.75;
 }
 
 /*