diff --git a/frontend/src/app.ts b/frontend/src/app.ts index 1a476f3..a0ecdbe 100644 --- a/frontend/src/app.ts +++ b/frontend/src/app.ts @@ -547,7 +547,8 @@ function renderLossChart(): void { if (losses.length === 0) { context.fillStyle = "rgba(255,255,255,0.28)"; context.font = "14px sans-serif"; - context.fillText("Loss curve wakes up once the solver starts moving.", 18, 28); + context.textBaseline = "top"; + context.fillText("Loss curve wakes up once the solver starts moving.", 18, 16); return; } const minLoss = Math.min(...losses); diff --git a/src/repixelizer/gui_static/app.js b/src/repixelizer/gui_static/app.js index 22d9051..d6ef2e6 100644 --- a/src/repixelizer/gui_static/app.js +++ b/src/repixelizer/gui_static/app.js @@ -444,7 +444,8 @@ function renderLossChart() { if (losses.length === 0) { context.fillStyle = "rgba(255,255,255,0.28)"; context.font = "14px sans-serif"; - context.fillText("Loss curve wakes up once the solver starts moving.", 18, 28); + context.textBaseline = "top"; + context.fillText("Loss curve wakes up once the solver starts moving.", 18, 16); return; } const minLoss = Math.min(...losses);