Change button placement

ts/routes/deck-options/FsrsOptions.svelte

@@ -411,45 +411,45 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         </SettingTitle>
     </SwitchRow>
 
-    <button
+    <div class="m-1 button-bar">
-        class="btn {computingParams ? 'btn-warning' : 'btn-primary'}"
-        disabled={!computingParams && computing}
-        on:click={() => computeParams()}
-    >
-        {#if computingParams}
-            {tr.actionsCancel()}
-        {:else}
-            {tr.deckConfigOptimizeButton()}
-        {/if}
-    </button>
-    {#if state.legacyEvaluate}
         <button
-            class="btn {checkingParams ? 'btn-warning' : 'btn-primary'}"
+            class="btn {computingParams ? 'btn-warning' : 'btn-primary'}"
-            disabled={!checkingParams && computing}
+            disabled={!computingParams && computing}
-            on:click={() => checkParams()}
+            on:click={() => computeParams()}
         >
-            {#if checkingParams}
+            {#if computingParams}
                 {tr.actionsCancel()}
             {:else}
-                {tr.deckConfigEvaluateButton()}
+                {tr.deckConfigOptimizeButton()}
             {/if}
         </button>
-    {/if}
+        {#if state.legacyEvaluate}
-    <div>
+            <button
-        {#if computingParams || checkingParams}
+                class="btn {checkingParams ? 'btn-warning' : 'btn-primary'}"
-            {computeParamsProgressString}
+                disabled={!checkingParams && computing}
-        {:else if totalReviews !== undefined}
+                on:click={() => checkParams()}
-            {tr.statisticsReviews({ reviews: totalReviews })}
+            >
+                {#if checkingParams}
+                    {tr.actionsCancel()}
+                {:else}
+                    {tr.deckConfigEvaluateButton()}
+                {/if}
+            </button>
         {/if}
+        <div style:margin-left="0.5rem">
+            {#if computingParams || checkingParams}
+                {computeParamsProgressString}
+            {:else if totalReviews !== undefined}
+                {tr.statisticsReviews({ reviews: totalReviews })}
+            {/if}
+        </div>
+
+        <button class="btn btn-primary float-right" on:click={() => computeAllParams()}>
+            {tr.deckConfigSaveAndOptimize()}
+        </button>
     </div>
-</div>
 
-<div class="m-1">
     <Warning warning={lastOptimizationWarning} className="alert-warning" />
-
-    <button class="btn btn-primary" on:click={() => computeAllParams()}>
-        {tr.deckConfigSaveAndOptimize()}
-    </button>
 </div>
 
 <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);
         opacity: 1;
     }
+
+    .float-right {
+        margin-left: auto;
+    }
+
+    .button-bar {
+        display: flex;
+        align-items: baseline;
+        gap: 0.2rem;
+    }
 </style>