From 99d903eb4446c7a2a63bd0ce95da0dc75dacea68 Mon Sep 17 00:00:00 2001
From: Gregory Salaun <legreg002@hotmail.com>
Date: Wed, 12 Aug 2026 07:50:11 +0200
Subject: [PATCH] fix(pgxl): stack the amplifier meters two by two

The card is two grid columns wide and sits beside a tall neighbour in Station
Control, so a single row of four bars left the height unused and squeezed each
bar into a quarter of the width. Two rows of two fill the room already there
and double the resolution of every bar.
---
 frontend/src/components/AmpCard.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/AmpCard.tsx b/frontend/src/components/AmpCard.tsx
index 7ffc985..a02e642 100644
--- a/frontend/src/components/AmpCard.tsx
+++ b/frontend/src/components/AmpCard.tsx
@@ -191,8 +191,12 @@ export function AmpCard({ amp, flex, t }: { amp: Amp; flex: any; t: (k: string,
     const idA = peakHold('pgid', txing ? Number(pg.id) || 0 : 0);
     const swr = peakHold('pgswr', txing ? Number(pg.vswr) || 0 : 0);
     const tempC = Number(pg.temperature) || 0;
+    // Two columns, not four. The card sits beside a tall neighbour in Station
+    // Control, so a single row of four leaves the height empty and squeezes each
+    // bar into a quarter width — two rows of two use the room that is already
+    // there and give every bar twice the resolution.
     return (
-      <div className="grid grid-cols-2 sm:grid-cols-4 gap-2 mt-2 pt-2 border-t border-border/50">
+      <div className="grid grid-cols-2 gap-2 mt-2 pt-2 border-t border-border/50">
         <MeterBar label={t('flxp.outputPower')} value={fwdW} unit="W" lo={0} hi={2000}
           display={`${Math.round(fwdW)} W`}
           segColor={(f) => (f > 0.9 ? '#dc2626' : f > 0.75 ? '#f59e0b' : '#ea580c')} />