diff --git a/css/backoffice/blocks-integrations/_panel-with-tab-container.scss b/css/backoffice/blocks-integrations/_panel-with-tab-container.scss index 7ba27806b..9aa0d3b04 100644 --- a/css/backoffice/blocks-integrations/_panel-with-tab-container.scss +++ b/css/backoffice/blocks-integrations/_panel-with-tab-container.scss @@ -11,6 +11,7 @@ $ibo-panel-with-tab-container--padding-top: -1 * ($ibo-panel--body--padding-top - $ibo-panel--highlight--height) !default; $ibo-panel-with-tab-container--margin-x: -1 * $ibo-panel--body--padding-x !default; +$ibo-panel-with-tab-container--margin-bottom: -1 * $ibo-panel--body--padding-bottom !default; // Note: We use the child ">" selector to ensure this applies only the child tab container, not another one that would be nested .ibo-panel { @@ -19,6 +20,7 @@ $ibo-panel-with-tab-container--margin-x: -1 * $ibo-panel--body--padding-x !defau margin-top: $ibo-panel-with-tab-container--padding-top; margin-left: $ibo-panel-with-tab-container--margin-x; margin-right: $ibo-panel-with-tab-container--margin-x; + margin-bottom: $ibo-panel-with-tab-container--margin-bottom; > .ibo-tab-container--tab-container-list { height: 100%; diff --git a/css/backoffice/components/_datatable.scss b/css/backoffice/components/_datatable.scss index 92cbaab3b..97dcaa1a8 100644 --- a/css/backoffice/components/_datatable.scss +++ b/css/backoffice/components/_datatable.scss @@ -50,18 +50,6 @@ $ibo-datatable--sort-order--color: $ibo-color-orange-600 !default; padding: $ibo-datatable-panel--body--padding; } -.ibo-datatable-panel { - /* Above the table */ - &:first-child { - margin-bottom: $ibo-datatable-panel--table-spacing; - } - - /* below the table */ - &:not(:first-child) { - margin-top: $ibo-datatable-panel--table-spacing; - } -} - // For cancel / OK / next... selection validation buttons .ibo-datatable--selection-validation-buttons-toolbar { clear: both;