feat(FN-2873): align settings header refresh action

- Move the check-for-updates refresh button into the settings header actions group for consistent placement
- Keep update check behavior unchanged, including loading state, disabled state, and aria labeling
- Set the refresh icon size explicitly to match surrounding header controls
- Simplify mobile CSS by removing obsolete settings-update-check wrap overrides
This commit is contained in:
Fusion
2026-04-28 10:47:41 -07:00
committed by gsxdsm
parent 4f6763bc2a
commit 35e4f53524
2 changed files with 14 additions and 18 deletions

View File

@@ -14,7 +14,8 @@
/* Keep the GitHub Star and Help buttons at matching heights regardless of
their differing icon sizes (provider icon 16px vs. HelpCircle 13px). */
.settings-header-actions > .settings-github-star-btn,
.settings-header-actions > .btn {
.settings-header-actions > .btn,
.settings-header-actions > .settings-update-btn {
height: 26px;
box-sizing: border-box;
}
@@ -957,11 +958,6 @@
@media (max-width: 768px) {
.settings-update-check {
flex-wrap: wrap;
row-gap: var(--space-xs);
}
/* Settings modal: use the section picker as the only mobile navigation */
.settings-layout {
flex-direction: column;

View File

@@ -4465,18 +4465,6 @@ export function SettingsModal({
<h3>Settings</h3>
<div className="settings-update-check">
{appVersion && <p className="settings-modal-version">Version {appVersion}</p>}
<button
type="button"
className="btn btn-icon btn-sm settings-update-btn"
onClick={() => {
void handleCheckForUpdates();
}}
disabled={updateCheckLoading}
aria-label="Check for updates"
title="Check for updates"
>
<RefreshCw className={updateCheckLoading ? "spinning" : undefined} />
</button>
{updateCheckResult && (
<span
aria-live="polite"
@@ -4494,6 +4482,18 @@ export function SettingsModal({
</div>
</div>
<div className="settings-header-actions">
<button
type="button"
className="btn btn-icon btn-sm settings-update-btn"
onClick={() => {
void handleCheckForUpdates();
}}
disabled={updateCheckLoading}
aria-label="Check for updates"
title="Check for updates"
>
<RefreshCw size={14} className={updateCheckLoading ? "spinning" : undefined} />
</button>
{form.showGitHubStarButton !== false && (
<a
href="https://github.com/Runfusion/Fusion"