Commit 294c1d1a authored by Elisabeth Reuhl's avatar Elisabeth Reuhl
Browse files

Adjust styles.js CSS rules

parent a676373d
......@@ -330,7 +330,7 @@ export const AppContent = () => {
{/*GRID: Container for results list and timeline*/}
<Grid className={(input.areaAIsBig || input.areaBIsBig) ? classes.fullHeightTile : (input.areaCIsBig ? classes.tallTile : classes.fullHeightTile)}
item lg={input.areaCIsBig ? 12 : 8} md={input.areaCIsBig ? 12 : 6} xs={12}
item lg={input.areaCIsBig ? 12 : 8} sm={input.areaCIsBig ? 12 : 6} xs={12}
container direction={(input.areaAIsBig || input.areaBIsBig) ? "row" : (input.areaCIsBig ? "column" : "row")} spacing={2}
>
......@@ -382,7 +382,7 @@ export const AppContent = () => {
{/*GRID: Timeline, histogram*/}
{<Grid className={input.areaBIsBig ? classes.fullHeightTile : (input.areaCIsBig ? classes.tallTile : classes.mediumTile)}
item md={input.areaCIsBig ? 6 : 12} xs={12}
container direction="row" alignItems="stretch"
container direction="row"
>
{/*TODO: find good position for this button*/}
<IconButton
......
......@@ -7,30 +7,27 @@ const useStyles = makeStyles(theme => ({
width: "100%"
},
gridBody: {
height: "85vh",
justifyContent: "space-between"
height: "85vh"
},
gridContent: {
height: "85%",
overflow: "scroll"
},
"gridBody || fullHeightTile || mediumTile || shortTile || tallTile": {
justifyContent: "space-between",
alignItems: "center"
},
fullHeightTile: {
height: "100%"
height: "100vh"
},
mediumTile: {
height: "45%",
justifyContent: "space-between",
alignItems: "center"
height: "45vh"
},
shortTile: {
height: "30%",
justifyContent: "space-between",
alignItems: "center"
height: "30vh"
},
tallTile: {
height: "60%",
justifyContent: "space-between",
alignItems: "center"
height: "75vh"
},
gridHead: {
//minHeight: "5%",
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment