[FIX] web: fix time range menu button style in mobile mode

The search view in mobile mode has been redesigned and looks a bit different
from the search view in desktop mode. This commit adapts the time range menu
appearance in mobile mode.

1 files changed, 3 insertions, 0 deletions

diff --git a/addons/web/static/src/js/views/search/time_range_menu.js b/addons/web/static/src/js/views/search/time_range_menu.js
index 7da0a7da8fe..cd873b9e602 100644
--- a/addons/web/static/src/js/views/search/time_range_menu.js
+++ b/addons/web/static/src/js/views/search/time_range_menu.js
@@ -1,6 +1,7 @@
 odoo.define('web.TimeRangeMenu', function (require) {
 "use strict";
 
+var config = require('web.config');
 var core = require('web.core');
 var Domain = require('web.Domain');
 var TimeRangeMenuOptions = require('web.TimeRangeMenuOptions');
@@ -26,6 +27,8 @@ var TimeRangeMenu = Widget.extend({
      */
     init: function(parent, fields, configuration) {
         var self = this;
+        this.isMobile = config.device.isMobile;
+        this.symbol = this.isMobile ? 'fa fa-chevron-right float-right mt4' : 'caret';
         this._super(parent);
         this.dateFields = [];
         _.each(fields, function (field, name) {