From 99c3bd12e4214f8c29980a50a0ab55fa552b76fd Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Wed, 10 Jun 2026 08:24:08 -0400
Subject: [PATCH 1/4] Removed highlight div when empty and adjusted spacing
 between results

---
 app/assets/stylesheets/partials/_results.scss |  6 ++++++
 app/views/search/_highlights.html.erb         | 16 +++++++++-------
 app/views/search/_result.html.erb             |  4 +---
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/assets/stylesheets/partials/_results.scss b/app/assets/stylesheets/partials/_results.scss
index 6fe33897..ee26692b 100644
--- a/app/assets/stylesheets/partials/_results.scss
+++ b/app/assets/stylesheets/partials/_results.scss
@@ -178,6 +178,12 @@
     background-color: transparent;
   }
 
+  // Trim bottom margin on last div to ensure consistent visual spacing between results
+  .result-content > div:last-child,
+  .result-metadata > div:last-child {
+    margin-bottom: 0;
+  }
+
   .eyebrow {
     color: $color-text-secondary;
     font-size: 1.3rem;
diff --git a/app/views/search/_highlights.html.erb b/app/views/search/_highlights.html.erb
index 50a5c03c..78958d56 100644
--- a/app/views/search/_highlights.html.erb
+++ b/app/views/search/_highlights.html.erb
@@ -1,11 +1,13 @@
 <% highlights = trim_highlights(result) %>
 <% return unless highlights&.any? %>
 
-<h4 class="inner-heading">Search term found in:</h4>
-<ul class="list-unbulleted truncate-list">
-  <% highlights.each do |h| %>
-    <% h['matchedPhrases'].each do |phrase| %>
-      <li><strong><%= format_highlight_label(h['matchedField']) %>:</strong> <%= sanitize(phrase, tags: ['span']) %></li>
+<div class="result-highlights use">
+  <h4 class="inner-heading">Search term found in:</h4>
+  <ul class="list-unbulleted truncate-list">
+    <% highlights.each do |h| %>
+      <% h['matchedPhrases'].each do |phrase| %>
+        <li><strong><%= format_highlight_label(h['matchedField']) %>:</strong> <%= sanitize(phrase, tags: ['span']) %></li>
+      <% end %>
     <% end %>
-  <% end %>
-</ul>
+  </ul>
+</div>
diff --git a/app/views/search/_result.html.erb b/app/views/search/_result.html.erb
index 4d21ada9..23f49898 100644
--- a/app/views/search/_result.html.erb
+++ b/app/views/search/_result.html.erb
@@ -59,9 +59,7 @@
       <% end %>
     </div>
 
-    <div class="result-highlights use">
-      <%= render partial: 'search/highlights', locals: { result: result } %>
-    </div>
+    <%= render partial: 'search/highlights', locals: { result: result } %>
 
     <% if Feature.enabled?(:record_link) %>
       <div class="result-get">

From e4d5e3add8b2e7b08632c12607110695d0a8d9f4 Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Wed, 10 Jun 2026 09:16:28 -0400
Subject: [PATCH 2/4] Tweaked spacing and removed border between results

---
 app/assets/stylesheets/partials/_results.scss | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/partials/_results.scss b/app/assets/stylesheets/partials/_results.scss
index ee26692b..9128eff4 100644
--- a/app/assets/stylesheets/partials/_results.scss
+++ b/app/assets/stylesheets/partials/_results.scss
@@ -156,9 +156,8 @@
 // --------------------------------------
 
 .result.use, .result.primo {
-  padding: 32px 0 32px;
+  padding: 0 0 48px;
   margin: 0;
-  border-bottom: 1px solid $color-gray-200;
   border-top: none;
 
   a:link, a:visited {
@@ -421,8 +420,11 @@
   padding-top: 12px;
   padding-bottom: 44px;
 
+  @media (max-width: $bp-screen-sm2) { padding-top: 0; }
+
+
   .results-header {
-    margin-bottom: 40px;
+    margin-bottom: 20px;
   }
 
   .results-context {
@@ -432,7 +434,7 @@
   }
 
   #results-section {
-    padding: 16px 0 0 0;
+    padding: 8px 0 0 0;
   }
 
   #results-layout-wrapper {
@@ -586,7 +588,6 @@
 
 // RESULTS LIST NLS ALERT
 aside.nls-alert {
-  margin-bottom: 40px;
   display: flex;
   gap: 6px;
 

From 2b3c870d6597c6bc680cd544263403e8a06c073b Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Wed, 10 Jun 2026 10:03:12 -0400
Subject: [PATCH 3/4] Adding border back in

---
 app/assets/stylesheets/partials/_results.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/partials/_results.scss b/app/assets/stylesheets/partials/_results.scss
index 9128eff4..f2276607 100644
--- a/app/assets/stylesheets/partials/_results.scss
+++ b/app/assets/stylesheets/partials/_results.scss
@@ -156,9 +156,10 @@
 // --------------------------------------
 
 .result.use, .result.primo {
-  padding: 0 0 48px;
+  padding: 32px 0 32px;
   margin: 0;
   border-top: none;
+  border-bottom: 1px solid $color-gray-200;
 
   a:link, a:visited {
     color: $color-text-primary;

From 32588161afc439da2fb9f5f409f93a93830a30ec Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Wed, 10 Jun 2026 10:45:39 -0400
Subject: [PATCH 4/4] Adjusted spacing value and made responsive

---
 app/assets/stylesheets/partials/_results.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/partials/_results.scss b/app/assets/stylesheets/partials/_results.scss
index f2276607..b768179e 100644
--- a/app/assets/stylesheets/partials/_results.scss
+++ b/app/assets/stylesheets/partials/_results.scss
@@ -156,11 +156,13 @@
 // --------------------------------------
 
 .result.use, .result.primo {
-  padding: 32px 0 32px;
+  padding: 28px 0 28px;
   margin: 0;
   border-top: none;
   border-bottom: 1px solid $color-gray-200;
 
+  @media (max-width: $bp-screen-sm2) { padding: 24px 0 24px; }
+
   a:link, a:visited {
     color: $color-text-primary;
   }