From 77b5ecdf0664b9b692df9bd0444062d47feddda1 Mon Sep 17 00:00:00 2001
From: Giovane <giovaneliberato@gmail.com>
Date: Mon, 21 Dec 2015 15:56:14 -0200
Subject: Make download attachment link as a box #558 w/ @albogabriel

---
 web-ui/app/scss/_read.scss | 34 +++++++++++++++++++++++++++-------
 1 file changed, 27 insertions(+), 7 deletions(-)

(limited to 'web-ui/app/scss/_read.scss')

diff --git a/web-ui/app/scss/_read.scss b/web-ui/app/scss/_read.scss
index 24de425a..3d657ec7 100644
--- a/web-ui/app/scss/_read.scss
+++ b/web-ui/app/scss/_read.scss
@@ -75,13 +75,33 @@
     border-top: 1px solid #DDD;
     padding: 10px 0 0;
 
-    a {
-      color: $action_buttons;
-      text-decoration: none;
-      line-height: inherit;
-      &:hover, &:focus {
-      color: lighten($action_buttons, 10);
-      outline: none;
+    li {
+        display: block;
+        border: 1px solid #D9D9D9;
+        border-radius: 2px;
+        background-color: #F5F5F5;
+    
+      a {
+        color: $attachment_text;
+        display: block;
+        text-decoration: none;
+        line-height: inherit;
+        padding: 4px 5px;
+      
+        &:hover, &:focus {
+          i.download-icon {
+            color: lighten($attachment_icon, 15);
+          }
+          color: $attachment_icon;
+          outline: none;
+        }
+
+        i.download-icon {
+          position: absolute;
+          color: $attachment_icon;
+          right: 0;
+          padding: 4px 10px;
+        }
       }
     }
   }
-- 
cgit v1.2.3