Adjusting primo results to match TIMDEX

Author: djanelle-mit

app/assets/stylesheets/partials/_results.scss

@@ -131,7 +131,7 @@ li.result {
     background-color: $color-highlight;
   }
 
-  &.use {
+  &.use, &.primo {
     .result-metadata {
       margin-bottom: 16px;
     }
@@ -155,7 +155,20 @@ li.result {
       }
     }
 
+    .inner-heading {
+      font-size: 1.6rem;
+      font-family: $base-font; // Since we're using 16px, override to use body font
+    }
+
+    // Make result buttons present as underlined links
     a.button {
+      @include underlinedLinks;
+      font-weight: $fw-medium;
+      margin-right: 16px;
+    }
+
+    // Except the first button, which should present as a secondary button
+    a.button:first-child {
       @include buttonSecondary;
     }
 

app/views/search/_result_primo.html.erb

@@ -1,4 +1,4 @@
-<li class="result">
+<li class="result primo">
   <div class="result-content">
     <p class="eyebrow">Eyebrow Text</p>
     <h3 class="record-title">
@@ -10,30 +10,34 @@
       <% end %>
     </h3>
 
-    <p class="pub-info">
-      <span><%= result[:format] %></span>
-      <span><%= result[:year] %></span>
-    </p>
+    <div class="result-metadata">
 
-    <% if result[:creators].present? %>
-      <span class="sr">Contributors: </span>
-      <ul class="list-inline truncate-list contributors">
-        <% result[:creators].each do |creator| %>
-          <li>
-            <% if creator[:link] %>
-              <%= link_to creator[:value], creator[:link]  %>
-            <% else %>
-              <%= creator[:value] %>
-            <% end %>
-          </li>
-        <% end %>
-      </ul>
-    <% end %>
+      <p class="pub-info">
+        <span><%= result[:format] %></span>
+        <span><%= result[:year] %></span>
+      </p>
+
+      <% if result[:creators].present? %>
+        <span class="sr">Contributors: </span>
+        <ul class="list-inline truncate-list contributors">
+          <% result[:creators].each do |creator| %>
+            <li>
+              <% if creator[:link] %>
+                <%= link_to creator[:value], creator[:link]  %>
+              <% else %>
+                <%= creator[:value] %>
+              <% end %>
+            </li>
+          <% end %>
+        </ul>
+      <% end %>
+
+    </div>
 
     <div class="result-get">
       <% if result[:links].present? %>
         <% result[:links].each do |link| %>
-          <%= link_to link['kind'].titleize, link['url'], class: 'link-button' %>
+          <%= link_to link['kind'].titleize, link['url'], class: 'button' %>
         <% end %>
       <% end %>
     </div>