From 80bde89dca5bf68e57c1d9d4c280e65df22ba470 Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Tue, 11 Jan 2022 08:52:44 +0100
Subject: Highlight every other object

---
 src/components/ObjectComponent.js |  6 +++++-
 src/styles/main.css               | 11 ++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

(limited to 'src')

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 {
-- 
cgit v1.1