wutta/wuttaweb
3
0
Fork 0
Code Issues Activity

fix: move CRUD header buttons toward center of screen

Browse source 
having them all the way to the right just means more mouse movement
required, plus that area is too cluttered
This commit is contained in:
Lance Edgar 2024-12-23 21:09:15 -06:00
parent 89ff90c60c
commit ede9ae60b4
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/wuttaweb/templates/base.mako
View file

@ -277,17 +277,21 @@
% if capture(self.content_title):
<section id="content-title"
class="has-background-primary">
<div style="display: flex; align-items: center; padding: 0.5rem;">
<div style="display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem;">
<h1 class="title has-text-white"
v-html="contentTitleHTML">
</h1>
<div style="width: 60%; display: flex; gap: 0.5rem;">
<h1 class="title has-text-white"
v-html="contentTitleHTML">
</h1>
<div style="display: flex; gap: 0.5rem;">
${self.render_instance_header_title_extras()}
</div>
<div style="flex-grow: 1; display: flex; gap: 0.5rem;">
${self.render_instance_header_title_extras()}
</div>
<div style="display: flex; gap: 0.5rem;">
<div style="width: 40%; display: flex; gap: 0.5rem;">
${self.render_instance_header_buttons()}
</div>