From 210a224e681097f2e47ec58bd20b3d4fc7d572c3 Mon Sep 17 00:00:00 2001
From: clement <electron@MacBookPro.lan>
Date: Sun, 28 Jun 2026 20:23:31 +0200
Subject: [PATCH] fix: add matrix mod header spacer

Add .mmod-head spacer to header row to align with voice row's
sticky-right .mmod block, matching .minst-head pattern on left.
Width: 192px (64+64+56 children widths + 4px padding-left).
---
 web_realart/public/control/control.css | 1 +
 web_realart/public/control/control.js  | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/web_realart/public/control/control.css b/web_realart/public/control/control.css
index afa04be..e86890a 100644
--- a/web_realart/public/control/control.css
+++ b/web_realart/public/control/control.css
@@ -134,6 +134,7 @@ button.queued { animation: queued-blink 600ms ease-in-out infinite alternate; }
   background: #1a1a1a; color: #ccc; border: 1px solid #333; flex-shrink: 0; }
 .kit-btn { flex: 1; padding: 10px 4px; font-size: 11px; }
 .minst-head { width: 78px; flex-shrink: 0; }
+.mmod-head { width: 192px; flex-shrink: 0; }
 .mmod { position: sticky; right: 0; z-index: 2; background: #111;
   display: flex; gap: 2px; align-items: center; flex-shrink: 0; padding-left: 4px; }
 .mmod-src, .mmod-tgt { width: 64px; font-size: 9px; background: #1a1a1a; color: #ccc; border: 1px solid #333; }
diff --git a/web_realart/public/control/control.js b/web_realart/public/control/control.js
index 1536b99..38c1f36 100644
--- a/web_realart/public/control/control.js
+++ b/web_realart/public/control/control.js
@@ -320,6 +320,9 @@ function renderMatrix() {
     num.textContent = (bar % 4 === 0) ? String(bar + 1) : "";
     headerRow.appendChild(num);
   }
+  const modHead = document.createElement("span");
+  modHead.className = "mmod-head";
+  headerRow.appendChild(modHead);
   container.appendChild(headerRow);
 
   // Voice rows