Change button placement

This commit is contained in:
Luc Mcgrady 2025-08-16 00:44:25 +01:00
parent fb2e2bd37a
commit dd0a9b4b5d
No known key found for this signature in database
GPG key ID: 4F3D7A0B17CC3D9C

View file

@ -411,6 +411,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
</SettingTitle>
</SwitchRow>
<div class="m-1 button-bar">
<button
class="btn {computingParams ? 'btn-warning' : 'btn-primary'}"
disabled={!computingParams && computing}
@ -435,23 +436,22 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
{/if}
</button>
{/if}
<div>
<div style:margin-left="0.5rem">
{#if computingParams || checkingParams}
{computeParamsProgressString}
{:else if totalReviews !== undefined}
{tr.statisticsReviews({ reviews: totalReviews })}
{/if}
</div>
</div>
<div class="m-1">
<Warning warning={lastOptimizationWarning} className="alert-warning" />
<button class="btn btn-primary" on:click={() => computeAllParams()}>
<button class="btn btn-primary float-right" on:click={() => computeAllParams()}>
{tr.deckConfigSaveAndOptimize()}
</button>
</div>
<Warning warning={lastOptimizationWarning} className="alert-warning" />
</div>
<hr />
<div class="m-1">
@ -497,4 +497,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
border-top: 1px solid var(--border);
opacity: 1;
}
.float-right {
margin-left: auto;
}
.button-bar {
display: flex;
align-items: baseline;
gap: 0.2rem;
}
</style>