diff --git a/addons/web/static/src/scss/primary_variables.scss b/addons/web/static/src/scss/primary_variables.scss index 7bfee4e6c22..9fe7392ad85 100644 --- a/addons/web/static/src/scss/primary_variables.scss +++ b/addons/web/static/src/scss/primary_variables.scss @@ -163,6 +163,8 @@ $o-base-settings-mobile-tabs-overflow-gap: 3% !default; $o-cp-breadcrumb-height: 30px !default; +$o-cp-button-sm-no-border-padding: 0.4rem; + $o-datepicker-week-color: #8f8f8f !default; $o-card-body-bg-opacity: 0.9 !default; diff --git a/addons/web/static/src/search/control_panel/control_panel.scss b/addons/web/static/src/search/control_panel/control_panel.scss index 9219fee138e..72e19f3fbaa 100644 --- a/addons/web/static/src/search/control_panel/control_panel.scss +++ b/addons/web/static/src/search/control_panel/control_panel.scss @@ -80,7 +80,7 @@ .breadcrumb { font-size: 18px; - max-width: 100%; + min-width: 0; > li { @include o-text-overflow(); @@ -114,7 +114,7 @@ } &.btn { - padding: 0.4rem; + padding: $o-cp-button-sm-no-border-padding; } > a { @@ -192,11 +192,19 @@ .o_cp_bottom_right { display: flex; flex-wrap: wrap; - justify-content: flex-end; - align-items: flex-start; - column-gap: $o-horizontal-padding; - @include media-breakpoint-down(md) { - align-items: center; + justify-content: space-between; + align-items: center; + + @include media-breakpoint-up(md) { + column-gap: $o-horizontal-padding; + } + + > .o_form_status_indicator { + @include media-breakpoint-down(md) { + .o_form_status_indicator_buttons > .btn { + padding: $o-cp-button-sm-no-border-padding; + } + } } > .o_cp_pager { diff --git a/addons/web/static/src/search/control_panel/control_panel.xml b/addons/web/static/src/search/control_panel/control_panel.xml index 75c1fc0f003..330c5d04afb 100644 --- a/addons/web/static/src/search/control_panel/control_panel.xml +++ b/addons/web/static/src/search/control_panel/control_panel.xml @@ -180,9 +180,10 @@ Unnamed -