minor UI changes as requested by sponsor

NCAR · Nov 4, 2024 · 2130c80 · 2130c80
1 parent 75393af
commit 2130c80
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -1,3 +0,0 @@
-.mainContent {
-    background-color: #C3D7EE;
-}