diff --git a/client/res/templates/record/search.tpl b/client/res/templates/record/search.tpl index 637f1f3a73..3780aebf9c 100644 --- a/client/res/templates/record/search.tpl +++ b/client/res/templates/record/search.tpl @@ -1,6 +1,6 @@
-
+
+ + +
-
-
- - - -
+
{{#if hasViewModeSwitcher}}
{{#each viewModeDataList}} diff --git a/client/src/views/list.js b/client/src/views/list.js index baba8752db..b096f2f495 100644 --- a/client/src/views/list.js +++ b/client/src/views/list.js @@ -188,7 +188,8 @@ define('views/list', ['views/main', 'search-manager'], function (Dep, SearchMana searchManager: this.searchManager, scope: this.scope, viewMode: this.viewMode, - viewModeList: this.viewModeList + viewModeList: this.viewModeList, + isWide: true, }, function (view) { this.listenTo(view, 'reset', function () { this.resetSorting(); diff --git a/client/src/views/record/search.js b/client/src/views/record/search.js index 504fb72527..1a8b890dcc 100644 --- a/client/src/views/record/search.js +++ b/client/src/views/record/search.js @@ -72,7 +72,8 @@ define('views/record/search', 'view', function (Dep) { textFilterDisabled: this.textFilterDisabled, viewMode: this.viewMode, viewModeDataList: this.viewModeDataList || [], - hasViewModeSwitcher: this.viewModeList && this.viewModeList.length > 1 + hasViewModeSwitcher: this.viewModeList && this.viewModeList.length > 1, + isWide: this.options.isWide, }; }, diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less index 84d676b146..b98f01b021 100644 --- a/frontend/less/espo/custom.less +++ b/frontend/less/espo/custom.less @@ -748,16 +748,6 @@ ul.dropdown-menu > li.checkbox:last-child { margin-right: @panel-padding; } -.search-row { - margin-left: -3px !important; - margin-right: -3px !important; -} - -.search-row > div { - padding-left: 2px !important; - padding-right: 2px !important; -} - .cell > .field { overflow-wrap: break-word; word-wrap: break-word; @@ -2665,10 +2655,6 @@ pre > code { } } -.search-container input.text-filter { - margin-left: 0 !important; -} - @media screen and (min-width: @screen-sm-min) { .search-container .view-mode-switcher-buttons-group { float: right; @@ -2698,7 +2684,7 @@ pre > code { width: 100%; } - .search-row .search-right-buttons-group { + .search-row .view-mode-switcher-buttons-group { float: right; }