Use explicit flex styles for grid-tools element

and so, must ensure children of grid-tools are atomic elements
This commit is contained in:
Lance Edgar 2024-04-25 15:41:06 -05:00
parent 23e6eef604
commit bfe6b5bc25
3 changed files with 138 additions and 131 deletions

View file

@ -25,6 +25,11 @@
margin: 0;
}
.grid-tools {
display: flex;
gap: 0.5rem;
}
.grid-wrapper .grid-header td.tools {
margin: 0;
padding: 0;

View file

@ -28,7 +28,7 @@
<div class="grid-tools-wrapper">
% if tools:
<div class="grid-tools field buttons is-grouped is-pulled-right">
<div class="grid-tools">
## TODO: stop using |n filter
${tools|n}
</div>

View file

@ -43,6 +43,7 @@
## download search results
% if master.results_downloadable and master.has_perm('download_results'):
<div>
<b-button type="is-primary"
icon-pack="fas"
icon-left="download"
@ -187,6 +188,7 @@
</footer>
</div>
</b-modal>
</div>
% endif
## download rows for search results