From ee0eb47a4ba42e40382d43c849e49113990a2554 Mon Sep 17 00:00:00 2001
From: Mike Johnston <mike@nervesocket.com>
Date: Thu, 19 Mar 2026 23:30:48 -0400
Subject: [PATCH] fix: update grid layout in PositionsPage for improved
 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 4d9a9dd..f2e2cd5 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_6rem_6rem] sm:grid-cols-[1fr_5rem_6rem_6rem_7rem_6rem_8rem] gap-4 px-4 py-2 border-b border-surface-border">
+          <div className="grid grid-cols-[1fr_5rem_6rem] sm:grid-cols-[1fr_4rem_5rem_5rem_6rem_5rem_6rem] 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_6rem_6rem] sm:grid-cols-[1fr_5rem_6rem_6rem_7rem_6rem_8rem] gap-4 items-center px-4 py-3"
+                className="grid grid-cols-[1fr_5rem_6rem] sm:grid-cols-[1fr_4rem_5rem_5rem_6rem_5rem_6rem] gap-4 items-center px-4 py-3"
               >
                 {/* Hashtag + type badge (+ sparkline on desktop) */}
                 <div className="flex items-center gap-3 min-w-0">