From 91cf5e9856416d0a39c118e72c6833b6c9c43648 Mon Sep 17 00:00:00 2001
From: "Erin E. Sullivan" <sulliv.erin@gmail.com>
Date: Mon, 8 May 2023 12:57:34 -0400
Subject: [PATCH 1/2] Indenting list of cross references.

---
 css/styles/cross-references.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/styles/cross-references.css b/css/styles/cross-references.css
index a701118..cc88a12 100644
--- a/css/styles/cross-references.css
+++ b/css/styles/cross-references.css
@@ -21,7 +21,7 @@
 ol.cross-references-list {
   color: var(--search-neutral-500);
   list-style: none;
-  margin: 0;
+  margin: 0 0 0 1rem;
   padding: 0;
 }
 

From 24befdbc01cd899dd71a66768d09f86b9359abbc Mon Sep 17 00:00:00 2001
From: "Erin E. Sullivan" <sulliv.erin@gmail.com>
Date: Mon, 8 May 2023 13:19:39 -0400
Subject: [PATCH 2/2] Showing records directly under subject on mobile.

---
 css/styles/table.css | 20 ++++++++++++++++++++
 views/subject.erb    |  5 ++++-
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/css/styles/table.css b/css/styles/table.css
index 09a2f2d..7f3dabb 100644
--- a/css/styles/table.css
+++ b/css/styles/table.css
@@ -194,3 +194,23 @@ table.browse-table {
   display: inline-block;
   font-weight: var(--semibold);
 }
+
+/* 3.2.2 - Records */
+
+.browse-table.subject-browse tbody td.column-main .record-text {
+  display: block;
+}
+
+.browse-table.subject-browse tbody td.column-records {
+  display: none;
+}
+
+@media only screen and (min-width: 720px) {
+  .browse-table.subject-browse tbody td.column-main .record-text {
+    display: none;
+  }
+
+  .browse-table.subject-browse tbody td.column-records {
+    display: table-cell;
+  }
+}
diff --git a/views/subject.erb b/views/subject.erb
index c365a3d..a161004 100644
--- a/views/subject.erb
+++ b/views/subject.erb
@@ -28,6 +28,9 @@
                   <% if result.heading_link? %>
                     <%= erb :'components/external_link', locals: { url: result.heading_link, text: 'About this subject', classes: 'vernacular pipe' } %>
                   <% end %>
+                  <span class="record-text">
+                    <%= result.record_text %>
+                  </span>
                 </dd>
                 <% if result.has_cross_references? %>
                   <% result.cross_references.to_h.keys.each do | cr | %>
@@ -75,7 +78,7 @@
                 <% end %>
               </dl>
             </td>
-            <td>
+            <td class="column-records">
               <%= result.record_text %>
             </td>
           </tr>