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 <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Sunil Mohan Adapa 2019-11-27 00:41:30 -08:00 committed by James Valleroy
parent 656d754aee
commit e008decb14
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808

View File

@ -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;
}