fix: align edit and save/cancel buttons after badges on AgentHealth
Some checks failed
CI / cleanup-branch (push) Has been skipped
CI / build (push) Successful in 56s
CI / docker (push) Successful in 54s
CI / deploy-feature (push) Has been skipped
CI / deploy (push) Has been cancelled

Moved edit pencil and save/cancel actions to sit right after the last
badge field instead of at the start or far right of the config bar.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-26 21:28:30 +01:00
parent a0fbf785c3
commit 57bb84a2df
2 changed files with 4 additions and 5 deletions

View File

@@ -106,7 +106,6 @@
line-height: 1;
display: inline-flex;
align-self: flex-end;
margin-left: auto;
}
.configEditBtn:hover {

View File

@@ -527,10 +527,6 @@ export default function AgentHealth() {
<div className={styles.configBar}>
{configEditing ? (
<>
<div className={styles.configActions}>
<button className={styles.configSaveBtn} onClick={saveConfigEdit} disabled={updateConfig.isPending}>Save</button>
<button className={styles.configCancelBtn} onClick={() => { setConfigEditing(false); setConfigDraft({}); }}>Cancel</button>
</div>
<div className={styles.configField}>
<span className={styles.configLabel}>Log Level</span>
<select className={styles.configSelect} value={String(configDraft.logForwardingLevel ?? 'INFO')}
@@ -569,6 +565,10 @@ export default function AgentHealth() {
<span>{configDraft.metricsEnabled ? 'On' : 'Off'}</span>
</label>
</div>
<div className={styles.configActions}>
<button className={styles.configSaveBtn} onClick={saveConfigEdit} disabled={updateConfig.isPending}>Save</button>
<button className={styles.configCancelBtn} onClick={() => { setConfigEditing(false); setConfigDraft({}); }}>Cancel</button>
</div>
</>
) : (
<>