diff options
| -rw-r--r-- | src/components/ObjectComponent.js | 6 | ||||
| -rw-r--r-- | src/styles/main.css | 11 |
2 files changed, 15 insertions, 2 deletions
diff --git a/src/components/ObjectComponent.js b/src/components/ObjectComponent.js index 2255585..2ae0b6e 100644 --- a/src/components/ObjectComponent.js +++ b/src/components/ObjectComponent.js @@ -100,7 +100,11 @@ function UserPresentation(props) { function UserPresentationElement(props) { return ( - <Card variant="outlined" sx={{ padding: "1em", marginTop: "1em" }}> + <Card + className="user-presentation-element" + variant="outlined" + sx={{ padding: "1em", marginTop: "1em" }} + > <b>{props.display_name}</b>: {props.data.toString()} {props.description && ( <Alert severity="info" sx={{ marginTop: "0.5em" }}> diff --git a/src/styles/main.css b/src/styles/main.css index 44e24cd..b53cfa7 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -34,7 +34,7 @@ a:visited { .object { padding: 2em; - margin: 1em; + margin: 2em; width: 40em; margin-left: auto; margin-right: auto; @@ -86,6 +86,15 @@ a:visited { display: flex; } +#list-container > #main > .MuiCard-root:nth-child(odd), +#list-container > #main > .MuiCard-root:nth-child(odd) .MuiAccordion-root, +#list-container + > #main + > .MuiCard-root:nth-child(odd) + .user-presentation-element { + background-color: #fcfcfc; +} + /* Login */ #login-container { |