From eb4099148286b479093127a10c7d3c50c4946ed4 Mon Sep 17 00:00:00 2001
From: rouggy <legreg002@hotmail.com>
Date: Fri, 31 Jul 2026 12:00:21 +0200
Subject: [PATCH] fix: the power headings sat one column left of their boxes

The rule between the band-driven columns and the mode-driven ones was an extra
empty cell added to the body rows only. Seven cells per row against six in the
header slid every heading across: Phone stood over the TX antenna, CW over
Phone.

The rule is now drawn on the first power cell itself, in the header and the body
alike, so the two cannot drift apart again.
---
 frontend/src/components/SettingsModal.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/SettingsModal.tsx b/frontend/src/components/SettingsModal.tsx
index 8bcd801..b1d0e1d 100644
--- a/frontend/src/components/SettingsModal.tsx
+++ b/frontend/src/components/SettingsModal.tsx
@@ -1012,10 +1012,14 @@ function FlexBandPanel({ bands }: { bands: string[] }) {
     );
   };
 
+  // The rule marking where band-driven settings end and mode-driven ones begin
+  // is drawn on the FIRST power cell, header and body alike. It used to be an
+  // extra empty cell in the body only, which gave the two rows different column
+  // counts and slid every heading one column left.
   const pwrCell = (b: string, kind: 'phone' | 'cw' | 'digi') => {
     const e = pwr[b.toUpperCase()] ?? { phone: 0, cw: 0, digi: 0 };
     return (
-      <td className="px-2 py-1.5">
+      <td className={cn('px-2 py-1.5', kind === 'phone' && 'border-l border-border/60')}>
         <Input
           type="number" min={0} max={100}
           className="h-8 w-16 text-xs"
@@ -1059,9 +1063,6 @@ function FlexBandPanel({ bands }: { bands: string[] }) {
                   <td className="px-3 py-1.5 font-mono font-semibold">{b}</td>
                   {antCell(b, 'rx', rxList)}
                   {antCell(b, 'tx', txList)}
-                  {/* The rule separates what follows the BAND from what follows
-                      the MODE — two different triggers, side by side. */}
-                  <td className="border-l border-border/60 p-0" />
                   {pwrCell(b, 'phone')}
                   {pwrCell(b, 'cw')}
                   {pwrCell(b, 'digi')}