diff --git a/js/views/inbox_view.js b/js/views/inbox_view.js
index 25fa3ad0e5c1..1596170a3bad 100644
--- a/js/views/inbox_view.js
+++ b/js/views/inbox_view.js
@@ -47,7 +47,7 @@
}.bind(this));
},
events: {
- 'click .back': 'hideCompose',
+ 'click .back button': 'hideCompose',
'click .fab': 'showCompose',
'keyup input.new-message': 'compose',
'open .contact': 'openConversation'
diff --git a/stylesheets/index.scss b/stylesheets/index.scss
index 01f907514cd6..ae10c961e560 100644
--- a/stylesheets/index.scss
+++ b/stylesheets/index.scss
@@ -17,10 +17,22 @@ input.new-message {
.back {
display: none;
- float: left;
- width: 36px;
- height: 36px;
- background: $blue url('/images/back.png') no-repeat center center;
+ text-align: center;
+ button {
+ float: left;
+ width: 36px;
+ height: 36px;
+ background: $blue url('/images/back.png') no-repeat center center;
+ }
+
+ span {
+ display: inline-block;
+ height: 36px;
+ line-height: 36px;
+ font-size: 18px;
+ color: white;
+ text-indent: -36px;
+ }
}
.fab {
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 61689fe18609..5e2a2b8a860a 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -11,10 +11,19 @@ input.new-message {
.back {
display: none;
- float: left;
- width: 36px;
- height: 36px;
- background: #2a92e7 url("/images/back.png") no-repeat center center; }
+ text-align: center; }
+ .back button {
+ float: left;
+ width: 36px;
+ height: 36px;
+ background: #2a92e7 url("/images/back.png") no-repeat center center; }
+ .back span {
+ display: inline-block;
+ height: 36px;
+ line-height: 36px;
+ font-size: 18px;
+ color: white;
+ text-indent: -36px; }
.fab {
z-index: 1;