From 2d712baf31562103316ab1fc8884ffc4bd6e2a9f Mon Sep 17 00:00:00 2001
From: Meta Vens <rwvens@hotmail.com>
Date: Fri, 24 Apr 2026 17:14:04 +0100
Subject: [PATCH] Fix loss chart caption baseline

---
 frontend/src/app.ts               | 3 ++-
 src/repixelizer/gui_static/app.js | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

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);