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 ++++++++++++----
 web-ui/app/templates/compose/compose_box.hbs |  2 +-
 web-ui/app/templates/compose/inline_box.hbs  |  2 +-
 3 files changed, 14 insertions(+), 6 deletions(-)

(limited to 'web-ui')

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;
diff --git a/web-ui/app/templates/compose/compose_box.hbs b/web-ui/app/templates/compose/compose_box.hbs
index 83d5ca27..fcfbeaaf 100644
--- a/web-ui/app/templates/compose/compose_box.hbs
+++ b/web-ui/app/templates/compose/compose_box.hbs
@@ -24,7 +24,7 @@
 
         <div class="buttons-group columns compose-view__buttons">
             <button id="send-button" tabindex="6"><i class="fa fa-send"></i></button>
-            <span id="attachment-button" class="compose-view__buttons-attachment" tabindex="6"></span>
+            <div class="compose-view__buttons-attachment"><span id="attachment-button" tabindex="6"></span></div>
             <button id="trash-button" tabindex="7">{{t 'trash-button'}}<i class="fa fa-trash-o"></i></button>
             <div id="draft-save-status"></div>
         </div>
diff --git a/web-ui/app/templates/compose/inline_box.hbs b/web-ui/app/templates/compose/inline_box.hbs
index fbb62b0f..c9c114ec 100644
--- a/web-ui/app/templates/compose/inline_box.hbs
+++ b/web-ui/app/templates/compose/inline_box.hbs
@@ -14,7 +14,7 @@
 
 <div class="buttons-group columns  compose-view__buttons">
   <button id="send-button" tabindex=6><i class="fa fa-send"></i></button>
-  <span id="attachment-button" class="compose-view__buttons-attachment" tabindex="6"></span>
+  <div class="compose-view__buttons-attachment"><span id="attachment-button" tabindex="6"></span></div>
   <button id="trash-button" tabindex=7>{{t 'trash-button'}}<i class="fa fa-trash-o"></i></button>
   <div id="draft-save-status"></div>
 </div>
-- 
cgit v1.2.3