From 63823acc2d6bc7eb2da016a0122eabd895dfb55f Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Mon, 10 Nov 2014 15:57:47 +0100
Subject: adds styling to attachment area.

---
 web-ui/app/scss/_read.scss               |  9 +++++++++
 web-ui/app/templates/mails/full_view.hbs | 15 +++++++++++----
 2 files changed, 20 insertions(+), 4 deletions(-)

(limited to 'web-ui')

diff --git a/web-ui/app/scss/_read.scss b/web-ui/app/scss/_read.scss
index e374df78..d3e9fb9b 100644
--- a/web-ui/app/scss/_read.scss
+++ b/web-ui/app/scss/_read.scss
@@ -60,6 +60,15 @@
   padding: 35px 30px 0 30px;
 }
 
+.attachmentsAreaWrap {
+  padding: 0 30px;
+
+  .attachmentsArea {
+    border-top: 1px solid #DDD;
+    padding: 10px 0;
+  }
+}
+
 #mail-actions {
   text-align: right;
   padding: 10px 0;
diff --git a/web-ui/app/templates/mails/full_view.hbs b/web-ui/app/templates/mails/full_view.hbs
index 820d2ed0..11ca8825 100644
--- a/web-ui/app/templates/mails/full_view.hbs
+++ b/web-ui/app/templates/mails/full_view.hbs
@@ -70,10 +70,17 @@
     </div>
 
     {{#if attachments}}
-      <div class="attachmentsArea column large-12">
-        {{#each attachments }}
-          <a href="/attachment/{{ this.ident }}?encoding={{ this.encoding }}" target="_blank">{{ this.name }}</a>
-        {{/each }}
+      <div class="attachmentsAreaWrap">
+        <div class="attachmentsArea column large-12">
+        <p><strong>Attachments</strong></p>
+          <ul>
+          {{#each attachments }}
+            <li>
+              <a href="/attachment/{{ this.ident }}?encoding={{ this.encoding }}" target="_blank">{{ this.name }}</a>
+            </li>
+          {{/each }}
+          </ul>
+        </div>
       </div>
     {{/if}}
 </div>
-- 
cgit v1.2.3