From 9f44dc387a6d4567118cc1d7adfe2b72b4e96cfa Mon Sep 17 00:00:00 2001 From: Volker Theile Date: Mon, 18 Jun 2018 18:15:10 +0200 Subject: [PATCH] mgr/dashboard: Fix layout issues in UI Improve the CSS3 selectors and use the margin-left values from 'btn-toolbar' Bootstrap. Signed-off-by: Volker Theile --- .../src/app/shared/datatable/table/table.component.scss | 4 ++++ .../mgr/dashboard/frontend/src/openattic-theme.scss | 8 ++++---- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.scss index e545e4e1424a2..036c6bbc8e19b 100644 --- a/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.scss +++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/datatable/table/table.component.scss @@ -205,6 +205,10 @@ } .datatable-pager .pager { margin-right: 5px !important; + & li:not(:first-child) { + /** Add space between buttons */ + margin-left: 3px; + } & li > a, & li > span { border-radius: 3px; } diff --git a/src/pybind/mgr/dashboard/frontend/src/openattic-theme.scss b/src/pybind/mgr/dashboard/frontend/src/openattic-theme.scss index ebb2c52a836f3..767eb5caff722 100755 --- a/src/pybind/mgr/dashboard/frontend/src/openattic-theme.scss +++ b/src/pybind/mgr/dashboard/frontend/src/openattic-theme.scss @@ -545,8 +545,8 @@ ul.task-queue-pagination { .panel .panel-toolbar>.dropdown>a { padding-left: 5px; } -.panel .panel-footer > .button-group button.btn { - margin-left: 3px; +.panel .panel-footer > .button-group button.btn:not(:first-child) { + margin-left: 5px; } .panel-dashboard { height: 100%; @@ -1132,8 +1132,8 @@ hr.oa-hr-small { } /* Modal dialog */ -.modal-footer button.btn { - margin-left: 3px; +.modal-footer button.btn:not(:first-child) { + margin-left: 5px; } // awesome-bootstrap-checkbox + ForkAwesome -- 2.39.5