fieldsets

css/components/fieldset.css

@@ -19,9 +19,11 @@
   padding-inline-start: 0;
   padding-inline-end: 0;
   color: inherit;
-  border: solid 2px var(--color--gray-45);
-  border-radius: var(--border-radius);
+  border: solid 1px var(--color--gray-45);
+  /* border-radius: var(--border-radius); */
   background-color: var(--color--white);
+  border: solid 1px #ccc;
+  box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%);
 }
 
 .fieldset--group {
@@ -37,12 +39,14 @@
   float: left; /* Prevent sticking out of top of fieldset. */
   width: 100%;
   color: inherit;
-  border-top-left-radius: var(--border-radius);
-  border-top-right-radius: var(--border-radius);
-  background-color: var(--color--gray-45);
-  font-size: var(--font-size-l);
-  font-weight: 700;
-  line-height: var(--line-height-base);
+  /* border-top-left-radius: var(--border-radius); */
+  /* border-top-right-radius: var(--border-radius); */
+  background-color: var(--color--lmmi-tan);
+  font-size: var(
+  --font-size-l);
+  font-weight: 500;
+  line-height: var(
+  --line-height-base);
 }
 
 .fieldset__legend + * {

css/components/islandora_mods.css

@@ -109,6 +109,13 @@ div#site-header__inner {
     margin-right: 1em; /* gap before the content */
     box-sizing: border-box;
   }
+ fieldset .field__label {
+    --label-width: 9em;
+    flex: 0 0 var(--label-width);
+    min-width: var(--label-width);
+    margin-right: 1em; /* gap before the content */
+    box-sizing: border-box;
+  }
 
   .field__item {
     flex: 1;
@@ -318,8 +325,6 @@ span.mirador-third-party-html p {
   hyphens: auto;
 }
 
-
-
 .blog-page .node--view-mode-teaser {
   border: 1px solid #ccc;
   padding: 1em;
@@ -327,24 +332,24 @@ span.mirador-third-party-html p {
   box-shadow: 0px 5px 11px -2px rgb(0 0 0 / 39%);
   .node__meta {
     border-bottom: 1px dotted #bbb;
-    margin-bottom:.8em;
+    margin-bottom: 0.8em;
     color: var(--color--lmmi-teal);
-    padding-bottom:1em;
+    padding-bottom: 1em;
   }
   .node__title {
-    line-height:1.2;
-    border-bottom:1px dotted #bbb;
-    padding-bottom: .4em;
+    line-height: 1.2;
+    border-bottom: 1px dotted #bbb;
+    padding-bottom: 0.4em;
 
     a {
       color: var(--color--lmmi-tan);
     }
   }
   .node__content {
-    padding-bottom:1em;
+    padding-bottom: 1em;
     p {
-        line-height:1.6;
-
+      line-height: 1.6;
     }
   }
 }
+