From 2130c80fddf9e67bc1b3be75a5f3d5ad529f0c60 Mon Sep 17 00:00:00 2001
From: Brittexe <brittainschiller@yahoo.com>
Date: Mon, 4 Nov 2024 11:31:42 -0600
Subject: [PATCH] minor UI changes as requested by sponsor

---
 .../src/webPages/Components/RenderSpeciesReactionTable.tsx     | 2 ++
 frontend/src/webPages/Family/family.css                        | 1 -
 frontend/src/webPages/Family/familyStyling.tsx                 | 1 -
 frontend/src/webPages/Roles/roles.css                          | 3 ---
 4 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/src/webPages/Components/RenderSpeciesReactionTable.tsx b/frontend/src/webPages/Components/RenderSpeciesReactionTable.tsx
index 948fcf78..6ae55af0 100644
--- a/frontend/src/webPages/Components/RenderSpeciesReactionTable.tsx
+++ b/frontend/src/webPages/Components/RenderSpeciesReactionTable.tsx
@@ -246,6 +246,7 @@ const RenderSpeciesReactionTable: React.FC<Props> = ({ selectedFamily, selectedT
                 {currentTab === 0 && 
                         <div style={{ flexGrow: 1 }}>
                             <DataGrid
+                            initialState={{ density: 'compact', }}
                             rows={combineSpeciesAndProperties(species, speciesProperties)}
                             columns={createSpeciesColumns()}
                             getRowId={(row: Species) => row.uuid}
@@ -273,6 +274,7 @@ const RenderSpeciesReactionTable: React.FC<Props> = ({ selectedFamily, selectedT
                         {currentTab === 1 && 
                         <div style={{ flexGrow: 1 }}>
                             <DataGrid
+                            initialState={{ density: 'compact', }}
                             rows={reactions}
                             columns={reactionColumns}
                             getRowId={(row: Reaction) => row.uuid}
diff --git a/frontend/src/webPages/Family/family.css b/frontend/src/webPages/Family/family.css
index 6db9fcdc..f0dbbeca 100644
--- a/frontend/src/webPages/Family/family.css
+++ b/frontend/src/webPages/Family/family.css
@@ -10,7 +10,6 @@
   grid-template-rows: auto 1fr auto; /* auto for headers, 1fr for middle */
   grid-template-columns: 1fr 2fr; /* 1/3 and 2/3 for the middle sections */
   /* gap: 8px; */
-  background-color: #C3D7EE;
 }
   
 
diff --git a/frontend/src/webPages/Family/familyStyling.tsx b/frontend/src/webPages/Family/familyStyling.tsx
index 3e262e68..dddef49f 100644
--- a/frontend/src/webPages/Family/familyStyling.tsx
+++ b/frontend/src/webPages/Family/familyStyling.tsx
@@ -10,7 +10,6 @@ export const StyledDetailBox = styled.section`
   display: block;
   width: 98%;
   height: 80vh;
-  background-color: #C3D7EE;
   border-style: solid;
   border-width: 1px;
   border-radius: 10px;
diff --git a/frontend/src/webPages/Roles/roles.css b/frontend/src/webPages/Roles/roles.css
index bdbee311..e69de29b 100644
--- a/frontend/src/webPages/Roles/roles.css
+++ b/frontend/src/webPages/Roles/roles.css
@@ -1,3 +0,0 @@
-.mainContent {
-    background-color: #C3D7EE;
-}
\ No newline at end of file