From 528e41bd92d0b258e863ea99f8561072475de60d Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Thu, 8 Jan 2026 17:53:29 +0000
Subject: [PATCH] better structure for main body

---
 packages/frontend/src/Index.tsx | 73 +++++++++++++++------------------
 1 file changed, 33 insertions(+), 40 deletions(-)

diff --git a/packages/frontend/src/Index.tsx b/packages/frontend/src/Index.tsx
index 82cbc0d..17aa098 100644
--- a/packages/frontend/src/Index.tsx
+++ b/packages/frontend/src/Index.tsx
@@ -295,47 +295,40 @@ function Index() {
             </div>
 
             {/* main body */}
-            <div className={`w-full h-full flex items-start justify-between gap-${BREATHING_ROOM}`}>
-                {selectedProject && issues.length > 0 && (
-                    <ResizablePanelGroup>
-                        <ResizablePanel id={"left"} minSize={400}>
-                            {/* issues list (table) */}
-                            <IssuesTable
-                                issuesData={issues}
-                                columns={{ description: false }}
-                                issueSelectAction={(issue) => {
-                                    if (issue.Issue.id === selectedIssue?.Issue.id) setSelectedIssue(null);
-                                    else setSelectedIssue(issue);
-                                }}
-                                className="border w-full flex-shrink"
-                            />
-                        </ResizablePanel>
+            {selectedProject && issues.length > 0 && (
+                <ResizablePanelGroup className={`flex-1`}>
+                    <ResizablePanel id={"left"} minSize={400}>
+                        {/* issues list (table) */}
+                        <IssuesTable
+                            issuesData={issues}
+                            columns={{ description: false }}
+                            issueSelectAction={(issue) => {
+                                if (issue.Issue.id === selectedIssue?.Issue.id) setSelectedIssue(null);
+                                else setSelectedIssue(issue);
+                            }}
+                            className="border w-full flex-shrink"
+                        />
+                    </ResizablePanel>
 
-                        {/* issue detail pane */}
-                        {selectedIssue && selectedOrganisation && (
-                            <>
-                                <ResizableSeparator />
-                                <ResizablePanel
-                                    id={"right"}
-                                    defaultSize={"30%"}
-                                    minSize={360}
-                                    maxSize={"60%"}
-                                >
-                                    <div className="border">
-                                        <IssueDetailPane
-                                            project={selectedProject}
-                                            issueData={selectedIssue}
-                                            members={members}
-                                            close={() => setSelectedIssue(null)}
-                                            onIssueUpdate={refetchIssues}
-                                        />
-                                    </div>
-                                </ResizablePanel>
-                            </>
-                        )}
-                    </ResizablePanelGroup>
-                )}
-            </div>
+                    {/* issue detail pane */}
+                    {selectedIssue && selectedOrganisation && (
+                        <>
+                            <ResizableSeparator />
+                            <ResizablePanel id={"right"} defaultSize={"30%"} minSize={360} maxSize={"60%"}>
+                                <div className="border">
+                                    <IssueDetailPane
+                                        project={selectedProject}
+                                        issueData={selectedIssue}
+                                        members={members}
+                                        close={() => setSelectedIssue(null)}
+                                        onIssueUpdate={refetchIssues}
+                                    />
+                                </div>
+                            </ResizablePanel>
+                        </>
+                    )}
+                </ResizablePanelGroup>
+            )}
 
             {/* <LogOutButton /> */}
         </main>