From d41b48f9404272af09288136ccb9ed2e03c396a8 Mon Sep 17 00:00:00 2001
From: Andreas Jacobsen <andreasjacobsen93@gmail.com>
Date: Tue, 20 Jun 2017 09:16:33 +0200
Subject: [PATCH 1/8] Move percentdone bar to bottom of task

I think this makes much more sense visually.
I always mistake the percentdone bar for being to the task above it.
---
 css/style.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/css/style.css b/css/style.css
index 2bbddf9b2..699d0275f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1428,6 +1428,8 @@ li.ui-draggable-dragging .duedate {
 }
 div.percentdone {
   height: 3px;
+  top: 33px;
+  position: relative;
   margin-bottom: -3px;
   background-color: #CCC;
   border-radius: 2px 2px 2px 2px;

From 2693cd8142053d65b2087dfcbe9bd7040a3c26e3 Mon Sep 17 00:00:00 2001
From: Andreas Jacobsen <andreasjacobsen93@gmail.com>
Date: Tue, 20 Jun 2017 20:16:13 +0200
Subject: [PATCH 2/8] Update style.css

---
 css/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 699d0275f..3c5400c4b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1428,7 +1428,7 @@ li.ui-draggable-dragging .duedate {
 }
 div.percentdone {
   height: 3px;
-  top: 33px;
+  top: 31px;
   position: relative;
   margin-bottom: -3px;
   background-color: #CCC;

From 950e2478825c3902cc4b99db100d5d14a67cb77b Mon Sep 17 00:00:00 2001
From: Andreas Jacobsen <andreasjacobsen93@gmail.com>
Date: Sat, 24 Jun 2017 12:40:42 +0200
Subject: [PATCH 3/8] Removed round corners

---
 css/style.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 3c5400c4b..efedff9df 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1432,7 +1432,6 @@ div.percentdone {
   position: relative;
   margin-bottom: -3px;
   background-color: #CCC;
-  border-radius: 2px 2px 2px 2px;
 }
 #searchresults {
   padding-top: 0px !important;

From 0de61dfe4e9bafd2acd15adaef0e9e6c4639a576 Mon Sep 17 00:00:00 2001
From: Andreas Jacobsen <andreasjacobsen93@gmail.com>
Date: Mon, 26 Jun 2017 18:36:34 +0200
Subject: [PATCH 4/8] Update style.css

---
 css/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/css/style.css b/css/style.css
index efedff9df..da8aad5e8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1432,6 +1432,7 @@ div.percentdone {
   position: relative;
   margin-bottom: -3px;
   background-color: #CCC;
+  border-radius: 0px 2px 2px 0px;
 }
 #searchresults {
   padding-top: 0px !important;

From 2a02d9094eecf15cbe084347c1dbd9e5674487e9 Mon Sep 17 00:00:00 2001
From: Andreas Jacobsen <andreasjacobsen93@gmail.com>
Date: Tue, 27 Jun 2017 12:39:43 +0200
Subject: [PATCH 5/8] Update part.taskbody.php

---
 templates/part.taskbody.php | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/templates/part.taskbody.php b/templates/part.taskbody.php
index f37590ec9..2bd616a6a 100644
--- a/templates/part.taskbody.php
+++ b/templates/part.taskbody.php
@@ -2,16 +2,22 @@
     type="task"
     taskID="{{ task.uri }}"
     ng-class="{active: route.taskID==task.uri, subtasks: hasSubtasks(task), completedsubtasks: hasCompletedSubtasks(task), subtaskshidden: task.hideSubtasks, attachment: task.note!=''}">
-    <div class="percentdone" style="width:{{ task.complete }}%; background-color:{{ task.calendar.color }};"></div>
+    
+    <div class="percentbar" ng-if="task.complete > 0 ">
+        <div class="percentdone" style="width:{{ task.complete }}%; background-color:{{ task.calendar.color }};"></div>
+    </div>
+
     <a class="task-checkbox handler" name="toggleCompleted" ng-click="toggleCompleted(task)">
         <span class="icon task-checkbox" ng-class="{'task-checked': task.completed}"></span>
     </a>
     <a class="icon task-separator"></a>
     <a class="task-star handler" ng-click="toggleStarred(task)">
-        <span class="icon large task-star faded" ng-class="{'high':task.priority>5,'medium':task.priority==5,'low':task.priority > 0 && task.priority < 5}"></span>
+        <span class="icon large task-star faded" ng-class="{'icon_margin':task.complete > 0,
+        'high':task.priority > 5, 'medium':task.priority == 5, 'low':task.priority > 0 && task.priority < 5}">
+        </span>
     </a>
     <a class="task-addsubtask handler add-subtask" ng-show="task.calendar.writable" ng-click="showSubtaskInput(task.uid)" oc-click-focus="{selector: '.add-subtask input', timeout: 0}">
-        <span class="icon large addsubtask" title="<?php p($l->t('add a subtask to')); ?> {{ task.summary }}"></span>
+        <span ng-class="{'icon_margin' : task.complete > 0}" class="icon large addsubtask" title="<?php p($l->t('add a subtask to')); ?> {{ task.summary }}"></span>
     </a>
     <a class="handler"  ng-click="toggleSubtasks(task)">
         <span class="icon large subtasks"></span>

From ae9d78e16c4604a007a1f8e0dee29ebe8ed8c486 Mon Sep 17 00:00:00 2001
From: Andreas Jacobsen <andreasjacobsen93@gmail.com>
Date: Tue, 27 Jun 2017 12:40:05 +0200
Subject: [PATCH 6/8] Update style.css

---
 css/style.css | 29 ++++++++++++++++++++---------
 1 file changed, 20 insertions(+), 9 deletions(-)

diff --git a/css/style.css b/css/style.css
index da8aad5e8..4c70d3a3c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -112,7 +112,7 @@
 #content .icon {
   background-image: url("../img/sprites.svg");
   height: 20px;
-  width: 20px;
+  width: 18px;
   display: inline-block;
   cursor: pointer;
   vertical-align: middle;
@@ -375,7 +375,7 @@
 }
 #content li.task-item .task-body .icon.large,
 #content div.task-item .task-body .icon.large{
-  height: 34px;
+  height: 24px;
 }
 #content li.task-item .task-body,
 #content div.task-item .task-body {
@@ -567,6 +567,7 @@
   font-size: 13px;
   width: 100%;
   color: #505050;
+  background: none repeat scroll 0 0 transparent !important;
   border: medium none !important;
   border-radius: 0 0 0 0 !important;
   box-shadow: none !important;
@@ -789,6 +790,7 @@
   top: 55px;
 }
 #app-sidebar div.content-wrapper .body .note {
+  background-color: #f5f5f5;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   border-color: #CFCFCF;
@@ -932,13 +934,12 @@
 #app-sidebar div.content-wrapper .body .section input[type="range"] {
   border: medium none;
   box-shadow: none;
-  width: calc(100% - 90px);
-  margin: 5px 36px 0 5px;
+  width: 190px;
+  margin: 5px 36px 0 0;
   height: 17px;
 }
 #app-sidebar div.content-wrapper .body .section input[type="text"] {
   float: left;
-  min-height: 0;
 }
 #app-sidebar div.content-wrapper .body .section .select2-search-field input {
   border: 0 none;
@@ -1427,12 +1428,22 @@ li.ui-draggable-dragging .duedate {
   display: none;
 }
 div.percentdone {
-  height: 3px;
-  top: 31px;
+  height: 4px;
+  border-radius: 2px 2px 2px 2px;
+}
+div.percentbar {
+  height: 4px;
   position: relative;
-  margin-bottom: -3px;
+  top: 26px;
+  left: 42px;
+  margin-right: 103px;
+  margin-bottom: -6px;
   background-color: #CCC;
-  border-radius: 0px 2px 2px 0px;
+  border-radius: 2px 2px 2px 2px;
+}
+.icon_margin {
+  top: 2px;
+  position: relative;
 }
 #searchresults {
   padding-top: 0px !important;

From 1e3642b5e7dc44a390b7931288870172861f0066 Mon Sep 17 00:00:00 2001
From: Andreas Jacobsen <andreasjacobsen93@gmail.com>
Date: Tue, 27 Jun 2017 13:03:30 +0200
Subject: [PATCH 7/8] Update style.css

---
 css/style.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index 4c70d3a3c..daa69cab8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1428,16 +1428,17 @@ li.ui-draggable-dragging .duedate {
   display: none;
 }
 div.percentdone {
-  height: 4px;
-  border-radius: 2px 2px 2px 2px;
+  height: 3px;
+  border-radius: 2px 0px 0px 2px;
+  opacity: 0.75;
 }
 div.percentbar {
-  height: 4px;
+  height: 3px;
   position: relative;
   top: 26px;
   left: 42px;
   margin-right: 103px;
-  margin-bottom: -6px;
+  margin-bottom: -5px;
   background-color: #CCC;
   border-radius: 2px 2px 2px 2px;
 }

From fd9bd7046f060456493379a78b18767a82a79c4c Mon Sep 17 00:00:00 2001
From: Andreas Jacobsen <andreasjacobsen93@gmail.com>
Date: Tue, 27 Jun 2017 13:05:28 +0200
Subject: [PATCH 8/8] Update style.css

---
 css/style.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/css/style.css b/css/style.css
index daa69cab8..87c873bf8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -567,7 +567,6 @@
   font-size: 13px;
   width: 100%;
   color: #505050;
-  background: none repeat scroll 0 0 transparent !important;
   border: medium none !important;
   border-radius: 0 0 0 0 !important;
   box-shadow: none !important;
@@ -790,7 +789,6 @@
   top: 55px;
 }
 #app-sidebar div.content-wrapper .body .note {
-  background-color: #f5f5f5;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   border-color: #CFCFCF;
@@ -934,12 +932,13 @@
 #app-sidebar div.content-wrapper .body .section input[type="range"] {
   border: medium none;
   box-shadow: none;
-  width: 190px;
-  margin: 5px 36px 0 0;
+  width: calc(100% - 90px);
+  margin: 5px 36px 0 5px;
   height: 17px;
 }
 #app-sidebar div.content-wrapper .body .section input[type="text"] {
   float: left;
+  min-height: 0;
 }
 #app-sidebar div.content-wrapper .body .section .select2-search-field input {
   border: 0 none;