fix: align edit and save/cancel buttons after badges on AgentHealth
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:
@@ -106,7 +106,6 @@
|
||||
line-height: 1;
|
||||
display: inline-flex;
|
||||
align-self: flex-end;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.configEditBtn:hover {
|
||||
|
||||
@@ -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>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
|
||||
Reference in New Issue
Block a user