From 8cf116de2d57c0c74ca7851a5309d55b2eac8ba9 Mon Sep 17 00:00:00 2001
From: Mike Johnston <mike@nervesocket.com>
Date: Thu, 19 Mar 2026 23:19:18 -0400
Subject: [PATCH] fix: update grid layout for PositionsPage to improve
 responsiveness

---
 src/app/positions/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/positions/page.tsx b/src/app/positions/page.tsx
index e9fdba6..4d9a9dd 100644
--- a/src/app/positions/page.tsx
+++ b/src/app/positions/page.tsx
@@ -148,7 +148,7 @@ export default async function PositionsPage({
       ) : (
         <div className="bg-surface-card border border-surface-border rounded-xl overflow-hidden">
           {/* Header row */}
-          <div className="grid grid-cols-[1fr_auto_auto] sm:grid-cols-[1fr_auto_auto_auto_auto_auto_auto] gap-4 px-4 py-2 border-b border-surface-border">
+          <div className="grid grid-cols-[1fr_6rem_6rem] sm:grid-cols-[1fr_5rem_6rem_6rem_7rem_6rem_8rem] gap-4 px-4 py-2 border-b border-surface-border">
             <SortHeader col="hashtag" label="Hashtag" currentSort={sortKey} currentDir={sortDir} />
             <SortHeader col="shares" label="Shares" currentSort={sortKey} currentDir={sortDir} right />
             <SortHeader col="avgBuy" label="Avg buy" currentSort={sortKey} currentDir={sortDir} right className="hidden sm:flex" />
@@ -162,7 +162,7 @@ export default async function PositionsPage({
             {positions.map((pos) => (
               <div
                 key={pos.id}
-                className="grid grid-cols-[1fr_auto_auto] sm:grid-cols-[1fr_auto_auto_auto_auto_auto_auto] gap-4 items-center px-4 py-3"
+                className="grid grid-cols-[1fr_6rem_6rem] sm:grid-cols-[1fr_5rem_6rem_6rem_7rem_6rem_8rem] gap-4 items-center px-4 py-3"
               >
                 {/* Hashtag + type badge (+ sparkline on desktop) */}
                 <div className="flex items-center gap-3 min-w-0">