From 05ab393bca775d56805f20e680c4b2fc61653935 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Thu, 12 Jan 2017 12:15:36 +0100
Subject: [PATCH] make notes look nicer

---
 app/scripts/task-list/_task-list-d.scss |  9 ++++++---
 app/scripts/task-list/task-list-d.html  | 24 +++++++++++++++---------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/app/scripts/task-list/_task-list-d.scss b/app/scripts/task-list/_task-list-d.scss
index dc3808a623..5197a4f73b 100644
--- a/app/scripts/task-list/_task-list-d.scss
+++ b/app/scripts/task-list/_task-list-d.scss
@@ -27,8 +27,7 @@ task-list {
 .task {
   padding: 4px 15px;
   display: block;
-  margin-bottom: 4px;
-
+  margin-bottom: 6px;
   background-color: #fff;
   color: #333;
   body.dark-theme & {
@@ -175,7 +174,11 @@ task-list {
     textarea {
       padding: 10px 14px;
       min-height: 100px;
-      margin-bottom: 10px;
+      margin-bottom: 20px;
+    }
+
+    section {
+      margin-top: 10px;
     }
   }
 
diff --git a/app/scripts/task-list/task-list-d.html b/app/scripts/task-list/task-list-d.html
index 83e97c59f3..b85c6901e4 100644
--- a/app/scripts/task-list/task-list-d.html
+++ b/app/scripts/task-list/task-list-d.html
@@ -123,17 +123,20 @@
     <div class="notes"
          flex="100"
          ng-if="task.showNotes===true">
-      <label class="md-caption">Notes</label>
-      <div md-whiteframe="4">
+      <section>
+        <label class="md-caption">Notes</label>
+        <div md-whiteframe="4">
       <textarea ng-model="task.notes"
                 class="md-body-1"
                 rows="5"
                 md-auto-focus
                 md-select-on-focus></textarea>
-      </div>
+        </div>
+      </section>
 
-      <div ng-if="task.originalAttachment.length > 0">
+      <section ng-if="task.originalAttachment.length > 0">
         <div class="md-caption">Attachments</div>
+        <md-divider></md-divider>
         <ul class="attachments">
           <li ng-repeat="attachment in task.originalAttachment">
             <a href="{{ attachment}}"
@@ -148,26 +151,29 @@
             </a>
           </li>
         </ul>
-      </div>
-      <div ng-if="task.originalComments.length > 0">
+      </section>
+
+      <section ng-if="task.originalComments.length > 0">
         <div class="md-caption">Comments</div>
+        <md-divider></md-divider>
         <ul class="comments">
           <li ng-repeat="comment in task.originalComments"
               class="comment">{{ comment }}
           </li>
         </ul>
-      </div>
+      </section>
 
-      <div ng-if="task.status || task.originalStatus"
+      <section ng-if="task.status || task.originalStatus"
            class="status">
         <div class="md-caption">Status</div>
+        <md-divider></md-divider>
         <div class="md-body-1">
           {{ task.originalStatus.name }}
           <ng-md-icon icon="arrow_forward"
                       aria-label="arrow forward"></ng-md-icon>
           {{ task.status }}
         </div>
-      </div>
+      </section>
 
     </div>