diff --git a/browser/components/loop/content/shared/css/conversation.css b/browser/components/loop/content/shared/css/conversation.css index d81c6ed1c164..19c2b8473cd2 100644 --- a/browser/components/loop/content/shared/css/conversation.css +++ b/browser/components/loop/content/shared/css/conversation.css @@ -393,15 +393,14 @@ background-image: url("../img/sad.png"); } -.feedback button.back { +.fx-embedded-btn-back { + margin-bottom: 1rem; + padding: .2rem .8rem; + border: 1px solid #aaa; border-radius: 2px; - border: 1px solid #CCC; - color: #CCC; - font-size: 11px; + background: transparent; + color: #777; cursor: pointer; - padding: 3px 10px; - display: inline; - margin-bottom: 14px; } .feedback label { diff --git a/browser/components/loop/content/shared/js/views.js b/browser/components/loop/content/shared/js/views.js index 214dc3637288..602dff05f1a2 100644 --- a/browser/components/loop/content/shared/js/views.js +++ b/browser/components/loop/content/shared/js/views.js @@ -407,7 +407,8 @@ loop.shared.views = (function(_, OT, l10n) { var backButton = React.DOM.div(null); if (this.props.reset) { backButton = ( - React.DOM.button({className: "back", type: "button", onClick: this.props.reset}, + React.DOM.button({className: "fx-embedded-btn-back", type: "button", + onClick: this.props.reset}, "« ", l10n.get("feedback_back_button") ) ); diff --git a/browser/components/loop/content/shared/js/views.jsx b/browser/components/loop/content/shared/js/views.jsx index 61b6d452476f..5f203a2ae594 100644 --- a/browser/components/loop/content/shared/js/views.jsx +++ b/browser/components/loop/content/shared/js/views.jsx @@ -407,7 +407,8 @@ loop.shared.views = (function(_, OT, l10n) { var backButton =
; if (this.props.reset) { backButton = ( - );