From a253a8cdce91f73f94de03f6b90b27c1f32696ca Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Sat, 4 Feb 2017 18:31:46 +0100
Subject: [PATCH] beautify time tracking history

---
 .../_time-tracking-history-d.scss                   | 13 +++++++++++++
 .../time-tracking-history-d.html                    | 10 ++++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/app/scripts/agenda-and-history/time-tracking-history/_time-tracking-history-d.scss b/app/scripts/agenda-and-history/time-tracking-history/_time-tracking-history-d.scss
index 90468fea33..e806db7cea 100644
--- a/app/scripts/agenda-and-history/time-tracking-history/_time-tracking-history-d.scss
+++ b/app/scripts/agenda-and-history/time-tracking-history/_time-tracking-history-d.scss
@@ -9,9 +9,22 @@ time-tracking-history {
     }
   }
 
+  .task-summary-table {
+    width: 100%;
+  }
+
   .month {
+    .md-icon-button {
+      width: 30px;
+      height: 30px;
+      line-height: 30px;
+      min-height: 30px;
+      padding: 0;
+    }
+
     &-title {
       margin-top: 30px;
+      margin-bottom: 8px;
     }
     &-time-spent {
       font-size: 18px;
diff --git a/app/scripts/agenda-and-history/time-tracking-history/time-tracking-history-d.html b/app/scripts/agenda-and-history/time-tracking-history/time-tracking-history-d.html
index ed3cfbb41a..3afb16a19d 100644
--- a/app/scripts/agenda-and-history/time-tracking-history/time-tracking-history-d.html
+++ b/app/scripts/agenda-and-history/time-tracking-history/time-tracking-history-d.html
@@ -18,10 +18,16 @@
          class="day">
 
       <div class="day-title">
-        <strong>{{ worklogForDay.dateStr|amDateFormat:'DD-MM-YYYY, dddd' }}:</strong> {{ worklogForDay.timeSpent|duration }}
+        <md-button class="md-raised md-icon-button"
+                   aria-label="export data"
+                   ng-click="worklogForDay.isVisible=!worklogForDay.isVisible;">
+          <ng-md-icon icon="list"></ng-md-icon>
+        </md-button>
+        {{ worklogForDay.dateStr|amDateFormat:'DD-MM-YYYY, dddd' }}: <strong>{{ worklogForDay.timeSpent|duration }}</strong>
       </div>
 
-      <table class="task-summary-table">
+      <table class="task-summary-table"
+             ng-if="worklogForDay.isVisible">
         <tr ng-repeat="logEntry in worklogForDay.entries track by logEntry.task.id">
           <td>{{ logEntry.task.title }}</td>
           <td>{{ logEntry.task.timeSpentOnDay[worklogForDay.dateStr] |duration}}</td>