use wider formatting

_layouts/collection/collection_refpage.html

@@ -1,7 +1,11 @@
 ---
-layout: content
+layout: default
 ---
 
+<div class="pt-3 pb-1 section-container">
+  <h1 class="header-text title-font mb-4 cm-gray-1">{{page.title}}</h1>
+  <span class="content">
+
 {% assign all_items = "" | split: "/" %}
 {% for col_item in site[page.collection] %}
   {% for item in col_item[page.reference] %}
@@ -23,6 +27,7 @@ layout: content
     </a>
   {% endunless %}
 {% endfor %}
+  </span>
 
 {% for item in all_items %}
     {% unless item == "" %}
@@ -42,4 +47,6 @@ layout: content
       {% endfor %}
     </div>
     {% endunless %}
-{% endfor %}
+{% endfor %}
+
+</div></div>

assets/index.css

@@ -59,6 +59,12 @@ layout: empty
         visibility: hidden;
     }
 
+    .content a {
+        color:#111827;
+        font-weight:500;
+        text-decoration:underline;
+    }
+
     .color-link {
         @apply text-secondary
     }