Merge pull request #18968 from verchaswa/Bug_999939_MADAI_CAMERA_No_e…

…ffect_on_camera_option_menu_back_button

[Bug 999939][MADAI][CAMERA] No effect on camera option menu back button

apps/camera/js/views/setting-options.js

@@ -73,7 +73,9 @@ module.exports = View.extend({
 
   template: function(data) {
     return '<div class="inner">' +
-      '<h2 class="settings_title icon-back-arrow js-back">' +
+      '<h2 class="settings_title">' +
+      '<button class="settings-back-btn icon-back-arrow js-back">' +
+      '</button>' +
       this.l10n.get(data.header) + '</h2>' +
       '<div class="settings_items"><ul class="inner js-list"></ul></div>' +
     '</div>';

apps/camera/style/setting-options.css

@@ -17,16 +17,6 @@
   height: 100%;
 }
 
-/** Title
- ---------------------------------------------------------*/
-
-.setting-options .settings_title:before {
-  display: block;
-  position: absolute;
-  left: -1rem; top: 0;
-  font-size: 24px;
-}
-
 /** Items
  ---------------------------------------------------------*/
 
@@ -105,3 +95,25 @@
 .setting-option.selected:before {
   visibility: visible;
 }
+
+.settings-back-btn {
+  width: 15rem;
+  height: 9rem;
+  background: transparent;
+  border: none;
+  text-shadow: none;
+  font-size: 24px;
+  color: #FFFFFF;
+  text-align: left;
+  margin-top: 0rem;
+  margin-right: -26.1rem;
+  margin-left: -3rem;
+  line-height: 9.5rem;
+  padding-left: 0.5rem;
+  position: absolute;
+}
+
+.settings-back-btn:active {
+  background: transparent;
+  color: #008EAb;
+}