From 1b0aadf2c5ce9329d02512cbdee0c4e719231aeb Mon Sep 17 00:00:00 2001
From: Alex Boyd <alexanderleeboyd@gmail.com>
Date: Mon, 26 Aug 2024 16:12:44 -0400
Subject: [PATCH] remove max width from root

---
 .../components/pages/InvestigationPage.tsx    | 36 +++++++++----------
 react/src/root.css                            |  2 +-
 2 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/react/src/components/pages/InvestigationPage.tsx b/react/src/components/pages/InvestigationPage.tsx
index 7b2b9bc..32bf10f 100644
--- a/react/src/components/pages/InvestigationPage.tsx
+++ b/react/src/components/pages/InvestigationPage.tsx
@@ -1,26 +1,24 @@
-import { useParams } from 'react-router'
-import SideBar from '../SideBar.tsx'
-import InvestigationGraph from '../graph/InvestigationGraph.tsx'
-import Header from '../Header.tsx'
-import { useInvestigationGraph } from '../../hooks/useInvestigationGraph.tsx'
+import { useParams } from "react-router";
+import SideBar from "../SideBar.tsx";
+import InvestigationGraph from "../graph/InvestigationGraph.tsx";
+import Header from "../Header.tsx";
+import { useInvestigationGraph } from "../../hooks/useInvestigationGraph.tsx";
 
 interface Props {
-  name: string
-  created_at: string
+  name: string;
+  created_at: string;
 }
 
 type InvestigationParams = {
-  investigationId: string
-}
+  investigationId: string;
+};
 
 function InvestigationPage() {
-  const { investigationId } = useParams<InvestigationParams>()
-  const { error, data, loading } = useInvestigationGraph(investigationId)
-
-  if (loading) return <div>loading....</div>
-  if (error) return <div>uh oh error...</div>
+  const { investigationId } = useParams<InvestigationParams>();
+  const { error, data, loading } = useInvestigationGraph(investigationId);
 
-  console.log(data)
+  if (loading) return <div>loading....</div>;
+  if (error) return <div>uh oh error...</div>;
 
   return (
     <>
@@ -28,10 +26,10 @@ function InvestigationPage() {
       <h1>Investigation: {data.investigation.name}</h1>
       <div className="border-4 border-solid border-indigo-500">
         <div className="flex flex-row">
-          <div className="basis-1/4">
+          <div className="basis-1/8">
             <SideBar />
           </div>
-          <div className="basis-3/4">
+          <div className="basis-7/8">
             <InvestigationGraph
               workNodes={data.investigation.workNodes}
               authorNodes={data.investigation.authorNodes}
@@ -43,7 +41,7 @@ function InvestigationPage() {
         </div>
       </div>
     </>
-  )
+  );
 }
 
-export default InvestigationPage
+export default InvestigationPage;
diff --git a/react/src/root.css b/react/src/root.css
index 39ecf74..bb435a9 100644
--- a/react/src/root.css
+++ b/react/src/root.css
@@ -1,5 +1,5 @@
 #root {
-  max-width: 1280px;
+  /* max-width: 1280px; */
   margin: 0 auto;
   padding: 2rem;
   text-align: center;