fix: move config edit button to right side of badges on AgentHealth
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:
@@ -106,6 +106,7 @@
|
||||
line-height: 1;
|
||||
display: inline-flex;
|
||||
align-self: flex-end;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.configEditBtn:hover {
|
||||
|
||||
@@ -572,7 +572,6 @@ export default function AgentHealth() {
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<button className={styles.configEditBtn} title="Edit config" onClick={startConfigEdit}>✎</button>
|
||||
<div className={styles.configField}>
|
||||
<span className={styles.configLabel}>Log Level</span>
|
||||
<Badge label={appConfig.logForwardingLevel ?? 'INFO'} color={
|
||||
@@ -600,6 +599,7 @@ export default function AgentHealth() {
|
||||
<span className={styles.configLabel}>Metrics</span>
|
||||
<Badge label={appConfig.metricsEnabled ? 'On' : 'Off'} color={appConfig.metricsEnabled ? 'success' : 'error'} variant="filled" />
|
||||
</div>
|
||||
<button className={styles.configEditBtn} title="Edit config" onClick={startConfigEdit}>✎</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user