From 59939b8b2901550029480920f0d1b39097ce4a59 Mon Sep 17 00:00:00 2001
From: Gabriel Albo <gabriel@albo.com.br>
Date: Tue, 18 Nov 2014 00:35:28 +0100
Subject: #30 - Fixing paperclip icon placement

---
 web-ui/app/scss/styles.scss              |  5 +++++
 web-ui/app/templates/mails/full_view.hbs |  2 +-
 web-ui/app/templates/mails/single.hbs    | 13 +++++++------
 3 files changed, 13 insertions(+), 7 deletions(-)

(limited to 'web-ui/app')

diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index ef3691f0..7fe0ec05 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -133,6 +133,11 @@
         right: 10px;
         font-size: 0.7em;
       }
+
+      .attachment-indicator {
+        margin: 2px 0 0 25px;
+        font-size: initial;
+      }
       .from {
         white-space: nowrap;
         font-size: 0.8em;
diff --git a/web-ui/app/templates/mails/full_view.hbs b/web-ui/app/templates/mails/full_view.hbs
index 4cdf25b9..d05537f3 100644
--- a/web-ui/app/templates/mails/full_view.hbs
+++ b/web-ui/app/templates/mails/full_view.hbs
@@ -69,7 +69,7 @@
     {{#if attachments}}
       <div class="attachmentsAreaWrap">
         <div class="attachmentsArea column large-12">
-        <p><strong> {{ attachments.length }} attachment(s):</strong></p>
+        <p><strong><i class="fa fa-paperclip"></i> {{ attachments.length }} attachment(s):</strong></p>
           <ul>
           {{#each attachments }}
             <li>
diff --git a/web-ui/app/templates/mails/single.hbs b/web-ui/app/templates/mails/single.hbs
index 0242f72d..997ab44f 100644
--- a/web-ui/app/templates/mails/single.hbs
+++ b/web-ui/app/templates/mails/single.hbs
@@ -3,12 +3,13 @@
 </span>
 <span>
     <a href="/#/{{ tag }}/mail/{{ ident }}">
-        <span class="received-date">{{ header.formattedDate }}</span>
-        {{#if attachments}}
-          <div class="attachment-indicator">
-            <i class="fa fa-paperclip"></i>lalala
-          </div>
-        {{/if}}
+        <span class="received-date">{{ header.formattedDate }}
+          {{#if attachments}}
+            <div class="attachment-indicator">
+              <i class="fa fa-paperclip"></i>
+            </div>
+          {{/if}}
+        </span>
         <div class="from">{{#if header.from }}{{ header.from }}{{else}}{{t "you"}}{{/if}}</div>
         <div class="subject-and-tags">
           {{ header.subject }}
-- 
cgit v1.2.3