From f83277d731fbffa8d4ad7a74fbb83e81cc9fcdc7 Mon Sep 17 00:00:00 2001
From: orfelorfel23 <jannik.mueller.jannik+git@googlemail.com>
Date: Mon, 7 Sep 2026 23:00:35 +0200
Subject: [PATCH] fix(rendering): Use totalW for studio rack scale label fonts

---
 public/js/rendering/pipeline.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/js/rendering/pipeline.js b/public/js/rendering/pipeline.js
index cd1a8b6..92b5f32 100644
--- a/public/js/rendering/pipeline.js
+++ b/public/js/rendering/pipeline.js
@@ -821,18 +821,18 @@ import {
 
         // 2. Vintage Studio Scale Labels
         targetCtx.fillStyle = 'rgba(255, 255, 255, 0.55)';
-        targetCtx.font = `700 ${Math.round(meterW * 0.028)}px 'Inter', sans-serif`;
+        targetCtx.font = `700 ${Math.max(9, Math.round(totalW * 0.022))}px 'Inter', sans-serif`;
         targetCtx.textAlign = 'left';
         targetCtx.fillText('PLAYBACK TIMELINE', startX + 14, chassisY + 14);
 
         targetCtx.fillStyle = cfg.progressRingColor || '#ffaa22';
-        targetCtx.font = `800 ${Math.round(meterW * 0.03)}px 'Orbitron', monospace`;
+        targetCtx.font = `800 ${Math.max(10, Math.round(totalW * 0.025))}px 'Orbitron', monospace`;
         targetCtx.textAlign = 'center';
         const timeStr = `${formatTime(effCurrentTime)} / ${formatTime(effDuration)}`;
         targetCtx.fillText(timeStr, 0, chassisY + 14);
 
         targetCtx.fillStyle = 'rgba(255, 255, 255, 0.55)';
-        targetCtx.font = `700 ${Math.round(meterW * 0.028)}px 'Inter', sans-serif`;
+        targetCtx.font = `700 ${Math.max(9, Math.round(totalW * 0.022))}px 'Inter', sans-serif`;
         targetCtx.textAlign = 'right';
         targetCtx.fillText(`${Math.round(progress * 100)}%`, startX + totalW - 14, chassisY + 14);