Commit 4a2d8e50 authored by Elisabeth Reuhl's avatar Elisabeth Reuhl
Browse files

Fixed spacing issues

parent 5273a35f
......@@ -77,7 +77,7 @@ export const Layout = (props) => {
{/*container for the right or bottom area (= areaA and areaB)*/}
<Grid
className={rightTileIsMovedToBottomInstead ? classes.halfHeightTile : classes.fullHeightTile}
//className={rightTileIsMovedToBottomInstead ? classes.halfHeightTile : classes.fullHeightTile}
item
xs={12}
......@@ -85,8 +85,8 @@ export const Layout = (props) => {
lg={rightTileIsMovedToBottomInstead ? 12 : 8}
container
direction={rightTileIsMovedToBottomInstead ? /*TODO: needs something like 'if not small screen' && */"column" : "row"}
spacing={0}
direction={/*TODO: needs something like 'if not small screen' && */"row"}
spacing={rightTileIsMovedToBottomInstead ? 2 : 0}
>
<Grid
......@@ -126,6 +126,8 @@ export const Layout = (props) => {
xs={12}
md={12}
lg={12}
style={{height: "12px"}}
>
{
// loading symbol (if current query result is still loading)
......
......@@ -14,7 +14,8 @@ const useStyles = makeStyles(theme => ({
overflow: "scroll"
},
fullHeightTile: {
height: "calc(100vh - 35px)" //35px is the height of the ShowNext bar
height: "calc(100vh - 35px)", //35px is the height of the ShowNext bar
padding: theme.spacing(2),
},
halfHeightTile: {
height: "calc(45vh - 35px)" //35px is the height of the ShowNext bar
......@@ -25,8 +26,8 @@ const useStyles = makeStyles(theme => ({
},
gridHead: {
//minHeight: "5%",
justifyContent: "flex-start",
alignItems: "center"
//justifyContent: "flex-start",
//alignItems: "center"
},
h1: {
fontSize: "1.25rem"
......
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