diff options
| author | Tayane Fernandes <tayane.rmf@gmail.com> | 2016-11-23 14:56:41 -0200 |
|---|---|---|
| committer | Tayane Fernandes <tayane.rmf@gmail.com> | 2016-11-23 14:57:24 -0200 |
| commit | 3ad8fbb163610e8890515e91ec3afd220e80af1b (patch) | |
| tree | 2689aa47a63b4eb49912c76091486d3e0079a88c /web-ui/app/scss/views/_compose-view.scss | |
| parent | 240d53b512caa676f3ff6fa02c042f8f7a3aefbe (diff) | |
[#824] Add a border to the attachment button to make easy for mobile users that it is a button
Diffstat (limited to 'web-ui/app/scss/views/_compose-view.scss')
| -rw-r--r-- | web-ui/app/scss/views/_compose-view.scss | 16 |
1 files changed, 12 insertions, 4 deletions
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; |