diff --git a/packages/frontend/src/components/util.tsx b/packages/frontend/src/components/util.tsx index 881b8505..ff29b3ba 100644 --- a/packages/frontend/src/components/util.tsx +++ b/packages/frontend/src/components/util.tsx @@ -287,8 +287,15 @@ export const ResultsBarChart = ({ legendType="none" style={{overflow: 'visible'}} > - - + {/* corresponds to mui md size */} + {/* also this won't dynamically adjust with resizing the screen */} + {window.innerWidth > 900 ? <> + + + :<> + + + } {data.map((entry, index) => ( ))} @@ -427,11 +434,11 @@ export const ResultsTable = ({ className, data, minCellWidth = "120px" }) => { width: "100%", }} > - +
{data[0].map((header, i) => ( - ))} @@ -444,7 +451,9 @@ export const ResultsTable = ({ className, data, minCellWidth = "120px" }) => { diff --git a/packages/frontend/src/index.css b/packages/frontend/src/index.css index bfb169de..d50749b0 100644 --- a/packages/frontend/src/index.css +++ b/packages/frontend/src/index.css @@ -68,7 +68,6 @@ code { } .resultTable{ - width: 100%; border: 1px solid black; margin: 0; border-collapse: collapse;
+ {header} {value}