From d3e0e20caef79b88ba404ed4403629eba492a630 Mon Sep 17 00:00:00 2001
From: Joachim Robert <joachim.robert@protonmail.com>
Date: Wed, 13 Feb 2019 18:31:23 +0100
Subject: [PATCH] Design fixes

---
 components/Header/index.js | 6 +++---
 components/Header/style.js | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/Header/index.js b/components/Header/index.js
index 5a27d73..5830f8b 100644
--- a/components/Header/index.js
+++ b/components/Header/index.js
@@ -66,9 +66,9 @@ export default function Header(props: Props) {
           id="progress_tooltip"
           role="tooltip"
         >
-          { currentCount === totalItemsCount && `🎉 `}
-          {currentCount} of {totalItemsCount} completed
-          { currentCount === totalItemsCount && ` 🎉`}
+          { currentCount === totalItemsCount
+            ? `🎉 Checklist Complete! 🎉`
+            : `${currentCount} of ${totalItemsCount} completed`}
         </ProgressLabel>
         <Confetti fireConfetti={currentCount === totalItemsCount} />
       </Progression>)}
diff --git a/components/Header/style.js b/components/Header/style.js
index 8a53a65..ed9e2c5 100644
--- a/components/Header/style.js
+++ b/components/Header/style.js
@@ -97,9 +97,9 @@ export const ProgressLabel = styled.p`
   white-space: nowrap;
   ${Shadows.default};
 
-  ${Progression}:hover &,
-  ${Progression}:focus &,
-  ${Progression}:active &
+  ${Progression}:hover ${ProgressBar}:not([disabled]) + &,
+  ${Progression}:focus ${ProgressBar}:not([disabled]) + &,
+  ${Progression}:active ${ProgressBar}:not([disabled]) + &
    {
     visibility: visible;
     opacity: 1;