From 132e3c3088be6e2a2a96256f65ed873961149275 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Sat, 20 May 2017 14:53:06 +0900
Subject: [PATCH 1/3] Fix task bar UI

---
 browser/components/TodoListPercentage.styl | 45 ++++++++++++++++++----
 1 file changed, 38 insertions(+), 7 deletions(-)

diff --git a/browser/components/TodoListPercentage.styl b/browser/components/TodoListPercentage.styl
index f33309c2e..68101ac14 100644
--- a/browser/components/TodoListPercentage.styl
+++ b/browser/components/TodoListPercentage.styl
@@ -1,13 +1,44 @@
 .percentageBar
   position absolute
-  background-color #bcbcbc
-  height 20px
+  top 58px
+  right: 0px
+  left 0px
+  background-color #DADFE1
   width 100%
+  height: 15px
+  font-size: 12px
+  z-index 100000
+  border-radius 2px
 
 .progressBar
-  background-color #52d8a5
-  height 20px
-  text-align center
+  background-color: #6C7A89
+  height 15px
+  border-radius 2px
+  transition 0.3s
 
-.progressBar p
-  color white
+.percentageText
+  color #fff
+  padding: 2px 43%
+
+body[data-theme="dark"]
+  .percentageBar
+    position absolute
+    top 58px
+    right: 0px
+    left 0px
+    background-color #222426
+    width 100%
+    height: 15px
+    font-size: 12px
+    z-index 100000
+    border-radius 2px
+
+  .progressBar
+    background-color: $ui-dark-button--active-backgroundColor
+    height 15px
+    border-radius 2px
+    transition 0.3s
+
+  .percentageText
+    color $ui-dark-text-color
+    padding: 2px 43%
\ No newline at end of file

From d6d694cf667cdde544ac52bbd23fc55311f0816e Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Sat, 20 May 2017 15:07:21 +0900
Subject: [PATCH 2/3] Change z-index position and delete unnecessary class

---
 browser/components/TodoListPercentage.styl | 19 +++----------------
 1 file changed, 3 insertions(+), 16 deletions(-)

diff --git a/browser/components/TodoListPercentage.styl b/browser/components/TodoListPercentage.styl
index 68101ac14..cc963931a 100644
--- a/browser/components/TodoListPercentage.styl
+++ b/browser/components/TodoListPercentage.styl
@@ -7,7 +7,7 @@
   width 100%
   height: 15px
   font-size: 12px
-  z-index 100000
+  z-index 1000
   border-radius 2px
 
 .progressBar
@@ -17,28 +17,15 @@
   transition 0.3s
 
 .percentageText
-  color #fff
+  color #f4f4f4
   padding: 2px 43%
 
 body[data-theme="dark"]
   .percentageBar
-    position absolute
-    top 58px
-    right: 0px
-    left 0px
     background-color #222426
-    width 100%
-    height: 15px
-    font-size: 12px
-    z-index 100000
-    border-radius 2px
 
   .progressBar
     background-color: $ui-dark-button--active-backgroundColor
-    height 15px
-    border-radius 2px
-    transition 0.3s
 
   .percentageText
-    color $ui-dark-text-color
-    padding: 2px 43%
\ No newline at end of file
+    color $ui-dark-text-color
\ No newline at end of file

From 4809bb6f06872e2672ee2ad89b92db064b5f8180 Mon Sep 17 00:00:00 2001
From: Kazu Yokomizo <kaz@maisin.co>
Date: Sat, 20 May 2017 15:09:52 +0900
Subject: [PATCH 3/3] Change the z-index postiion

---
 browser/components/TodoListPercentage.styl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/browser/components/TodoListPercentage.styl b/browser/components/TodoListPercentage.styl
index cc963931a..28f72842f 100644
--- a/browser/components/TodoListPercentage.styl
+++ b/browser/components/TodoListPercentage.styl
@@ -7,7 +7,7 @@
   width 100%
   height: 15px
   font-size: 12px
-  z-index 1000
+  z-index 100
   border-radius 2px
 
 .progressBar