Fix padding etc.

This commit is contained in:
jude 2023-08-03 19:28:12 +01:00
parent a5678e15dc
commit 666cb7fa2f
2 changed files with 17 additions and 13 deletions

View File

@ -597,12 +597,9 @@ li.highlight {
display: flex;
}
.button-row > div {
margin: 2px;
}
.button-row .button-row-reminder {
flex-grow: 0;
padding: 2px;
}
.button-row-template {
@ -611,6 +608,10 @@ li.highlight {
justify-content: space-between;
}
.button-row .button-row-template > div {
padding: 2px;
}
@media only screen and (max-width: 1408px) {
.button-row {
display: flex;
@ -619,15 +620,14 @@ li.highlight {
.button-row .button-row-reminder {
width: 100%;
margin: 4px;
}
.button-row .button-row-template button {
.button-row .button-row-template > div {
flex-basis: 0;
flex-grow: 1;
}
.button-row-reminder button {
.button-row button {
width: 100%;
}
}

View File

@ -242,12 +242,16 @@
</button>
</div>
<div class="button-row-template">
<button class="button is-success is-outlined" id="createTemplate">
<span>Create Template</span> <span class="icon"><i class="fas fa-file-spreadsheet"></i></span>
</button>
<button class="button is-outlined show-modal is-pulled-right" data-modal="chooseTemplateModal">
Load Template
</button>
<div>
<button class="button is-success is-outlined" id="createTemplate">
<span>Create Template</span> <span class="icon"><i class="fas fa-file-spreadsheet"></i></span>
</button>
</div>
<div>
<button class="button is-outlined show-modal is-pulled-right" data-modal="chooseTemplateModal">
Load Template
</button>
</div>
</div>
</div>
{% else %}