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