From e008decb14f824f5ea6331d572e2d8286afb7635 Mon Sep 17 00:00:00 2001 From: Sunil Mohan Adapa Date: Wed, 27 Nov 2019 00:41:30 -0800 Subject: [PATCH] toolbar: Align extra actions drop down button to the right - This appears better in cases where there are no other buttons in the toolbar. This is true for many apps. - Also minimize the styling used on toolbar. - Use margin instead of padding due participate in margin collapse algorithm. Signed-off-by: Sunil Mohan Adapa Reviewed-by: James Valleroy --- static/themes/default/css/plinth.css | 25 ++++++------------------- 1 file changed, 6 insertions(+), 19 deletions(-) diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css index 89c1e7b30..b38a3e28c 100644 --- a/static/themes/default/css/plinth.css +++ b/static/themes/default/css/plinth.css @@ -526,25 +526,12 @@ a.menu_link_active { .header-bar .app-toggle-container, .header-bar h2 { margin: auto 0; } -.toolbar, .panel-heading { - border: none; + +.btn-toolbar { + margin-top: 10px; + margin-bottom: 10px; } -.toolbar-heading { - padding: 10px 0; -} - -.toolbar-title > :not(:first-child) { - margin-left: 10px; -} - -.toolbar-body { - min-height: 0; - padding: 0; - margin: 0; - overflow: auto; -} - -.toolbar-body #clients.table { - margin-bottom: 0; +.btn-toolbar .button-extra-actions { + float: right; }