diff --git a/css/backoffice/components/_datatable.scss b/css/backoffice/components/_datatable.scss index 97dcaa1a85..3d6a6a2ec2 100644 --- a/css/backoffice/components/_datatable.scss +++ b/css/backoffice/components/_datatable.scss @@ -16,6 +16,8 @@ $ibo-list-column--max-height: 150px !default; $ibo-datatable--sort-order--color: $ibo-color-orange-600 !default; +$ibo-fieldsorter--selected--background-color: $ibo-color-blue-200 !default; + .ibo-datatable--toolbar { display: flex; justify-content: space-between; @@ -83,4 +85,10 @@ $ibo-datatable--sort-order--color: $ibo-color-orange-600 !default; &.ibo-is-none::after{ content: '\f0dc'; } +} + +.itop-fieldsorter{ + >.selected{ + background-color: $ibo-fieldsorter--selected--background-color; + } } \ No newline at end of file diff --git a/css/backoffice/layout/multi-column/_column.scss b/css/backoffice/layout/multi-column/_column.scss index 4cd55aa75b..bbabf96058 100644 --- a/css/backoffice/layout/multi-column/_column.scss +++ b/css/backoffice/layout/multi-column/_column.scss @@ -28,7 +28,13 @@ $ibo-column--margin-bottom--is-last-element: 48px !default; flex-shrink: 1; padding: $ibo-column--padding-y $ibo-column--padding-x; flex-basis: 10%; - + display: flex; + flex-direction: column; + + >.ibo-button{ + margin-left: 0; + margin-right: 0; + } &:not(:last-child) { margin-bottom: $ibo-column--margin-bottom--is-last-element; } diff --git a/js/field_sorter.js b/js/field_sorter.js index 3e768bca70..cf40a019b7 100644 --- a/js/field_sorter.js +++ b/js/field_sorter.js @@ -24,8 +24,8 @@ $(function() var me = this; this._initFields(); - this.moveup_btn = $(''); - this.movedown_btn = $(''); + this.moveup_btn = $(''); + this.movedown_btn = $(''); columnWithButtons = $('
'); this.element.parent().parent().append(columnWithButtons.append(this.moveup_btn).append('
').append(this.movedown_btn)); this.moveup_btn.on('click', function () {