dl test

css/components/islandora_mods.css

@@ -296,12 +296,15 @@ nav.pager {
 .people-grid .view-header {
   margin: 0;
 }
-
+.book-grid .form-item-title,
+.people-grid .form-item-name {
+  display: flex;
+}
 .book-grid input.form-text,
 .people-grid input.form-text {
-  max-width: 400px;
+  width: 100%;
   font-size: 1.2rem;
-  padding: 10px 14px;
+  padding: .8em;
   border-radius: 6px;
   box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2);
 }
@@ -633,4 +636,3 @@ h1 {
 .mirador32.mirador-companion-area-left {
   display: none;
 }
-

css/components/landing_page.css

@@ -247,7 +247,7 @@ nav#block-olivesbooks-landingpagemenu {
     text-decoration: none;
     color: #fff;
     transition: all 0.2s linear;
-    font-size: 0.75rem;
+    font-size: 0.68rem;
     padding: 5px 5px 0;
     text-align: center;
   }

temp.html

@@ -0,0 +1,33 @@
+<dl>
+  <dt>RESEARCH TEAM:</dt>
+  <dd>
+    Sarah Fisher, Robyn Thomson, Samara Hartling,&nbsp;Graeme Magill,&nbsp;<span
+      style="line-height: 20.8px"
+      >Kate McClintock, Fabienne Bub, Emma Martinet, Samantha Daley</span
+    >
+  </dd>
+  <dt>BIOGRAPHY WRITERS/EDITORS:</dt>
+  <dd>
+    Sarah Fisher, Robyn Thomson, Samara Hartling, Kate McClintock, Fabienne Bub,
+    Samantha Daley
+  </dd>
+  <dt>ISLANDORA TEAM:</dt>
+  <dd>
+    <span style="line-height: 20.8px">Robyn Thomson,&nbsp;</span>Donald Moses,
+    Rosie Le Faive, Peter Lux, Paul Pound, Rob Drew, Graeme Magill, Sarah Fisher
+  </dd>
+  <dt>CATALOGUER:&nbsp;</dt>
+  <dd>Wendy Collett</dd>
+  <dt>WEBSITE DESIGNER:</dt>
+  <dd>Rob Drew</dd>
+</dl>
+<dl>
+  <dt>Beast of Bodmin</dt>
+  <dd>A large feline inhabiting Bodmin Moor.</dd>
+
+  <dt>Morgawr</dt>
+  <dd>A sea serpent.</dd>
+
+  <dt>Owlman</dt>
+  <dd>A giant owl-like creature.</dd>
+</dl>

templates/field/field--node--islandora-object.html.twig

@@ -0,0 +1,81 @@
+{#
+/**
+ * @file
+ * Theme override for a field.
+ *
+ * To override output, copy the "field.html.twig" from the templates directory
+ * to your theme's directory and customize it, just like customizing other
+ * Drupal templates such as page.html.twig or node.html.twig.
+ *
+ * Instead of overriding the theming for all fields, you can also just override
+ * theming for a subset of fields using
+ * @link themeable Theme hook suggestions. @endlink For example,
+ * here are some theme hook suggestions that can be used for a field_foo field
+ * on an article node type:
+ * - field--node--field-foo--article.html.twig
+ * - field--node--field-foo.html.twig
+ * - field--node--article.html.twig
+ * - field--field-foo.html.twig
+ * - field--text-with-summary.html.twig
+ * - field.html.twig
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the containing element.
+ * - label_hidden: Whether to show the field label or not.
+ * - title_attributes: HTML attributes for the title.
+ * - label: The label for the field.
+ * - multiple: TRUE if a field can contain multiple items.
+ * - items: List of all the field items. Each item contains:
+ *   - attributes: List of HTML attributes for each item.
+ *   - content: The field item's content.
+ * - entity_type: The entity type to which the field belongs.
+ * - field_name: The name of the field.
+ * - field_type: The type of the field.
+ * - label_display: The display settings for the label.
+ *
+ *
+ * @see template_preprocess_field()
+ */
+#}
+{%
+  set classes = [
+    'field',
+    'field--name-' ~ field_name|clean_class,
+    'field--type-' ~ field_type|clean_class,
+    'field--label-' ~ label_display,
+    label_display == 'inline' ? 'clearfix',
+  ]
+%}
+{%
+  set title_classes = [
+    'field__label',
+    label_display == 'visually_hidden' ? 'visually-hidden',
+  ]
+%}
+
+{% if label_hidden %}
+  {% if multiple %}
+    <div{{ attributes.addClass(classes, 'field__items') }}>
+      {% for item in items %}
+        <div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div>
+      {% endfor %}
+    </div>
+  {% else %}
+    {% for item in items %}
+      <div{{ attributes.addClass(classes, 'field__item') }}>{{ item.content }}</div>
+    {% endfor %}
+  {% endif %}
+{% else %}
+  <div{{ attributes.addClass(classes) }}>
+    <div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
+    {% if multiple %}
+      <div class="field__items">
+    {% endif %}
+    {% for item in items %}
+      <div{{ item.attributes.addClass('field__item') }}>{{ item.content }}</div>
+    {% endfor %}
+    {% if multiple %}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}