tabs

css/sass/_dataset-nodes.scss

@@ -1,14 +1,30 @@
 .citation-block {
-  margin-bottom: 1rem;
+  margin-bottom: 2rem;
-  @extend .feature;
+  //@extend .feature;
+  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
   .icon {
     font-size: 6rem;
-    padding-right: .5rem;
+    padding-right: 0.5rem;
     border-right: 1px solid #ddd;
   }
   display: flex;
+  align-items: center;
   padding: 1rem;
   .data-citation {
     padding-left: 1rem;
   }
 }
+.rdm_metadata {
+  th {
+    background: #f1f1f1;
+    border: 1px solid #ccc;
+  }
+  .label {
+    width: 12rem;
+  }
+  .value {
+  }
+  .field__label {
+    display: none;
+  }
+}

css/style.css

@@ -986,7 +986,7 @@ button,
   border: 6px solid var(--upei-red);
 }
 
-.feature h3, .citation-block h3 {
+.feature h3 {
   color: var(--upei-green);
 }
 
@@ -1056,7 +1056,7 @@ button,
   gap: 1rem;
 }
 
-.feature, .citation-block {
+.feature {
   background-color: #ffffff;
   padding: 1rem;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
@@ -1066,7 +1066,7 @@ button,
   backface-visibility: hidden;
 }
 
-.feature:hover, .citation-block:hover {
+.feature:hover {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
@@ -1090,13 +1090,13 @@ button,
   box-shadow: 0 0 10px 2px #ffffff;
 }
 
-.feature:hover .feature-icon, .citation-block:hover .feature-icon {
+.feature:hover .feature-icon {
   background-color: #ffffff;
   -webkit-box-shadow: 0 0 10px 2px var(--secondary);
   box-shadow: 0 0 10px 2px var(--secondary);
 }
 
-.feature .link-button, .citation-block .link-button {
+.feature .link-button {
   display: inline-block;
 }
 
@@ -1199,7 +1199,7 @@ button,
     z-index: -1;
     transform: rotate(-5deg);
   }
-  .feature, .citation-block {
+  .feature {
     padding: 2rem;
   }
 }
@@ -1252,8 +1252,10 @@ button,
   }
 }
 .citation-block {
-  margin-bottom: 1rem;
+  margin-bottom: 2rem;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   display: flex;
+  align-items: center;
   padding: 1rem;
 }
 .citation-block .icon {
@@ -1265,6 +1267,17 @@ button,
   padding-left: 1rem;
 }
 
+.rdm_metadata th {
+  background: #f1f1f1;
+  border: 1px solid #ccc;
+}
+.rdm_metadata .label {
+  width: 12rem;
+}
+.rdm_metadata .field__label {
+  display: none;
+}
+
 .search-results ul {
   list-style: none;
   padding: 0;