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;
|
line-height: 1;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.configEditBtn:hover {
|
.configEditBtn:hover {
|
||||||
|
|||||||
@@ -572,7 +572,6 @@ export default function AgentHealth() {
|
|||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
<button className={styles.configEditBtn} title="Edit config" onClick={startConfigEdit}>✎</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}>✎</button>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user