From 3ad8fbb163610e8890515e91ec3afd220e80af1b Mon Sep 17 00:00:00 2001
From: Tayane Fernandes <tayane.rmf@gmail.com>
Date: Wed, 23 Nov 2016 14:56:41 -0200
Subject: [#824] Add a border to the attachment button to make easy for mobile
 users that it is a button

---
 web-ui/app/scss/views/_compose-view.scss | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

(limited to 'web-ui/app/scss/views/_compose-view.scss')

diff --git a/web-ui/app/scss/views/_compose-view.scss b/web-ui/app/scss/views/_compose-view.scss
index 0b98f004..d4de5fa4 100644
--- a/web-ui/app/scss/views/_compose-view.scss
+++ b/web-ui/app/scss/views/_compose-view.scss
@@ -4,12 +4,20 @@
     &__buttons {
         &-attachment {
             cursor: pointer;
-            outline: 0;
             margin-left: 18px;
             padding-top: 0px;
-            -ms-transform: rotate(224deg);
-            -webkit-transform: rotate(224deg);
-            transform: rotate(224deg);
+            display: inline;
+            border: 1px $contrast solid;
+            background: $background_light_grey;
+            padding: 7px 4px;
+            font-size: 0.8em;
+
+            span {
+              -ms-transform: rotate(224deg);
+              -webkit-transform: rotate(224deg);
+              transform: rotate(224deg);
+              outline: 0;
+            }
 
             i.fa-paperclip {
                 font-size: 1.7em;
-- 
cgit v1.2.3