diff --git a/dashboard/css/app.css b/dashboard/css/app.css index 5b46d9d..135772f 100644 --- a/dashboard/css/app.css +++ b/dashboard/css/app.css @@ -115,10 +115,12 @@ body{background:var(--bg-1);color:var(--ink-1);font-family:var(--font-ui);font-s .g-bar{flex:1;height:5px;border-radius:3px;background:var(--bg-1);overflow:hidden} .g-fill{height:100%;border-radius:3px;background:var(--ok);transition:width .3s} .g-fill.w{background:var(--warn)}.g-fill.e{background:var(--err)} -.g-val{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);width:34px;text-align:right} +.g-val{font-family:var(--font-mono);font-size:11px;color:var(--ink-2); + min-width:34px;white-space:nowrap;flex-shrink:0;text-align:right} .tile-foot{font-family:var(--font-terminal);font-size:10px;color:var(--ink-4); - display:flex;align-items:center;gap:5px;user-select:none} -.btn-del-agent{margin-left:auto;border:none;background:transparent;cursor:pointer; + display:flex;align-items:center;justify-content:space-between;user-select:none} +.tile-foot-info{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden} +.btn-del-agent{border:none;background:transparent;cursor:pointer;flex-shrink:0; color:var(--ink-5);font-size:11px;padding:2px 4px;border-radius:4px; line-height:1;transition:color .15s,background .15s;user-select:none} .btn-del-agent:hover{color:var(--err);background:color-mix(in srgb,var(--err) 12%,transparent)} diff --git a/dashboard/js/grid.js b/dashboard/js/grid.js index 23dff7f..503a175 100644 --- a/dashboard/js/grid.js +++ b/dashboard/js/grid.js @@ -91,9 +91,11 @@ const Grid = (() => {