diff --git a/app/src/components/settings/panels/AIPanel.tsx b/app/src/components/settings/panels/AIPanel.tsx index e60f5326f..3e7d2a965 100644 --- a/app/src/components/settings/panels/AIPanel.tsx +++ b/app/src/components/settings/panels/AIPanel.tsx @@ -914,24 +914,32 @@ const MetricTile = ({ value: string; detail?: string; }) => ( -
-
+
+
{label}
-
{value}
+
+ {value} +
{detail ? ( -
{detail}
+
+ {detail} +
) : null}
); const FormulaRow = ({ label, value, detail }: { label: string; value: string; detail: string }) => ( -
+
- {label} - {value} + + {label} + + + {value} +
-
{detail}
+
{detail}
); @@ -1167,7 +1175,7 @@ export const BackgroundLoopControls = ({ const showHeartbeat = view === 'all' || view === 'heartbeat'; const showLedger = view === 'all' || view === 'ledger'; const gridCols = - view === 'all' ? 'lg:grid-cols-[minmax(0,1fr)_minmax(300px,0.8fr)]' : 'lg:grid-cols-1'; + view === 'all' ? 'md:grid-cols-[minmax(0,1fr)_minmax(260px,0.8fr)]' : 'grid-cols-1'; return (
@@ -1237,9 +1245,9 @@ export const BackgroundLoopControls = ({ void applyHeartbeatPatch({ notify_meetings: !settings.notify_meetings }) } /> -
-