From 6c239f13207e53281ad9d930dd1614844d3acdec Mon Sep 17 00:00:00 2001
From: Gislene Pereira <gislene01@gmail.com>
Date: Tue, 19 Jan 2016 11:10:47 -0300
Subject: Issue #572 - Rotate and resize paperclip icon.

Removed blue border around paperclip icon when clicking it.
---
 web-ui/app/js/mail_view/ui/attachment_icon.js         |  2 +-
 web-ui/app/scss/styles.scss                           | 10 ++++++++++
 web-ui/test/spec/mail_view/ui/attachment_icon.spec.js |  2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/web-ui/app/js/mail_view/ui/attachment_icon.js b/web-ui/app/js/mail_view/ui/attachment_icon.js
index b9028f2c..478853b0 100644
--- a/web-ui/app/js/mail_view/ui/attachment_icon.js
+++ b/web-ui/app/js/mail_view/ui/attachment_icon.js
@@ -27,7 +27,7 @@ define(
 
         return defineComponent(function () {
             this.render = function () {
-                this.$node.html('<i class="fa fa-paperclip fa-2x"></i>');
+                this.$node.html('<i class="fa fa-paperclip"></i>');
             };
 
             this.triggerUploadAttachment = function () {
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index 30f0fb9f..92cc32f2 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -885,6 +885,16 @@ div.side-nav-bottom {
 
 .buttons-group span#attachment-button{
   cursor: pointer;
+  outline: 0;
+  margin-left: 18px;
+  padding-top: 0px;
+  -ms-transform: rotate(224deg); /* IE 9 */
+  -webkit-transform: rotate(224deg); /* Chrome, Safari, Opera */
+  transform: rotate(224deg);
+
+  i.fa-paperclip {
+      font-size: 1.7em;
+  }
 }
 
 @import "mascot.scss";
diff --git a/web-ui/test/spec/mail_view/ui/attachment_icon.spec.js b/web-ui/test/spec/mail_view/ui/attachment_icon.spec.js
index d29660b9..c60d6f7e 100644
--- a/web-ui/test/spec/mail_view/ui/attachment_icon.spec.js
+++ b/web-ui/test/spec/mail_view/ui/attachment_icon.spec.js
@@ -8,7 +8,7 @@ describeComponent('mail_view/ui/attachment_icon', function () {
     });
 
     it('should render attachment button if feature enabled', function () {
-        expect(this.$node.html()).toMatch('<i class="fa fa-paperclip fa-2x"></i>');
+        expect(this.$node.html()).toMatch('<i class="fa fa-paperclip"></i>');
     });
 
     it('should trigger starts of attachment upload process', function () {
-- 
cgit v1.2.3