fix: move config edit button to right side of badges on AgentHealth
Some checks failed
CI / cleanup-branch (push) Has been skipped
CI / build (push) Successful in 56s
CI / deploy (push) Has been cancelled
CI / deploy-feature (push) Has been cancelled
CI / docker (push) Has been cancelled

Moved the pencil edit button after the badge fields and added
margin-left: auto to push it to the 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:27:01 +01:00
parent 91e51d4f6a
commit a0fbf785c3
2 changed files with 2 additions and 1 deletions

View File

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

View File

@@ -572,7 +572,6 @@ export default function AgentHealth() {
</> </>
) : ( ) : (
<> <>
<button className={styles.configEditBtn} title="Edit config" onClick={startConfigEdit}>&#x270E;</button>
<div className={styles.configField}> <div className={styles.configField}>
<span className={styles.configLabel}>Log Level</span> <span className={styles.configLabel}>Log Level</span>
<Badge label={appConfig.logForwardingLevel ?? 'INFO'} color={ <Badge label={appConfig.logForwardingLevel ?? 'INFO'} color={
@@ -600,6 +599,7 @@ export default function AgentHealth() {
<span className={styles.configLabel}>Metrics</span> <span className={styles.configLabel}>Metrics</span>
<Badge label={appConfig.metricsEnabled ? 'On' : 'Off'} color={appConfig.metricsEnabled ? 'success' : 'error'} variant="filled" /> <Badge label={appConfig.metricsEnabled ? 'On' : 'Off'} color={appConfig.metricsEnabled ? 'success' : 'error'} variant="filled" />
</div> </div>
<button className={styles.configEditBtn} title="Edit config" onClick={startConfigEdit}>&#x270E;</button>
</> </>
)} )}
</div> </div>