From bc1f1c250355d580a6d6e870850395566aa067c7 Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Wed, 12 Nov 2025 15:04:41 -0500
Subject: [PATCH 1/2] Added more search options link and styled accordingly

---
 app/assets/stylesheets/partials/_search.scss | 33 +++++++++++++++-----
 app/views/search/_form.html.erb              |  3 ++
 2 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/partials/_search.scss b/app/assets/stylesheets/partials/_search.scss
index bc61e48..0de2a83 100644
--- a/app/assets/stylesheets/partials/_search.scss
+++ b/app/assets/stylesheets/partials/_search.scss
@@ -2,6 +2,15 @@
 // #SEARCH BITS
 // ------------------------
 
+/* Shared link styling */
+@mixin searchUnderlinedLinks {
+  color: $color-text-oncolor;
+  font-weight: $fw-medium;
+  text-decoration: underline;
+  text-decoration-color: $color-red-500;
+  text-underline-offset: 0.5rem;  
+}
+
 /* New USE UI search styles */
 #search-form {
   margin: 0;
@@ -219,16 +228,11 @@
   a {
     padding: 12px 20px 16px;
     background-color: transparent;
-    color: $color-text-oncolor;
     display: inline-block;
-    font-weight: $fw-medium;
-
     border: 2px solid transparent;
-    border-bottom: 0;    
+    border-bottom: 0;  
 
-    text-decoration: underline;
-    text-decoration-color: $color-red-500;
-    text-underline-offset: 0.5rem;
+    @include searchUnderlinedLinks;
 
     &:hover {
       border-color: $color-gray-700;
@@ -249,4 +253,19 @@
 
   }
 
+}
+
+/* ============== */
+/* Search Actions */
+/* ============== */
+
+.search-actions {
+  padding-top: 16px;
+  padding-bottom: 8px;
+  display: flex;
+  gap: 24px;
+
+  a {
+    @include searchUnderlinedLinks();
+  }
 }
\ No newline at end of file
diff --git a/app/views/search/_form.html.erb b/app/views/search/_form.html.erb
index 7e03bf4..ae29e6b 100644
--- a/app/views/search/_form.html.erb
+++ b/app/views/search/_form.html.erb
@@ -5,6 +5,9 @@
     <input id="tab-to-target" type="hidden" name="tab" value="<%= @active_tab %>">
     <button type="submit" class="btn button-primary">Search</button>
   </div>
+  <div class="search-actions">
+    <a href="https://libraries.mit.edu/search/">More search options</a>
+  </div>
 </form>
 
 <% if Feature.enabled?(:boolean_picker) %>

From 0ad23066ea062f120a8dc96ae9e0cc11ccac7730 Mon Sep 17 00:00:00 2001
From: djanelle-mit <djanelle@mit.edu>
Date: Wed, 12 Nov 2025 15:13:53 -0500
Subject: [PATCH 2/2] Add hover state

---
 app/assets/stylesheets/partials/_search.scss    | 5 +++++
 app/assets/stylesheets/partials/_variables.scss | 2 ++
 2 files changed, 7 insertions(+)

diff --git a/app/assets/stylesheets/partials/_search.scss b/app/assets/stylesheets/partials/_search.scss
index 0de2a83..7897fc4 100644
--- a/app/assets/stylesheets/partials/_search.scss
+++ b/app/assets/stylesheets/partials/_search.scss
@@ -9,6 +9,10 @@
   text-decoration: underline;
   text-decoration-color: $color-red-500;
   text-underline-offset: 0.5rem;  
+
+  &:hover {
+    color: $color-red-400;
+  }
 }
 
 /* New USE UI search styles */
@@ -237,6 +241,7 @@
     &:hover {
       border-color: $color-gray-700;
       background-color: $color-gray-900;
+      color: $color-text-oncolor;
     }
 
     &.active {
diff --git a/app/assets/stylesheets/partials/_variables.scss b/app/assets/stylesheets/partials/_variables.scss
index 8b2b9c1..00a95e8 100644
--- a/app/assets/stylesheets/partials/_variables.scss
+++ b/app/assets/stylesheets/partials/_variables.scss
@@ -16,6 +16,8 @@ $color-gray-950: #1a1a1a;
 $color-gray-975: #191919;
 
 // RED
+$color-red-300: #FF6666;
+$color-red-400: #FF3333;
 $color-red-500: #ff0000;
 $color-red-600: #e50000;