Second batch of styling tweaks

Author: djanelle-mit

app/assets/stylesheets/partials/_results.scss

@@ -175,7 +175,6 @@
 
   .pub-info {
     font-size: $fs-base;
-    color: $color-text-secondary;
 
     span {
       &::after, &:first-child::after {
@@ -194,33 +193,39 @@
   }
 
   .result-subjects, .result-summary {
-    font-size: 1.6rem;
+    font-size: 1.4rem;
     margin-bottom: 8px;
+    color: $color-text-secondary;
   }
 
   .result-subjects {
     color: $color-text-secondary;
 
-    li {
-      margin-bottom: 0;
+    ul {
+    line-clamp: 1;
+    -webkit-line-clamp: 1;
 
-      &::after {
-        content: " • ";
-        color: $color-text-disabled;
-      }
+      li {
+        margin-bottom: 0;
 
-      &:last-child::after {
-        content: " ";
-      }
+        &::after {
+          content: " • ";
+          color: $color-text-disabled;
+        }
+
+        &:last-child::after {
+          content: " ";
+        }
 
+      }
     }
 
   }
 
   .result-highlights.use {
     margin-top: 0;
 
-    h4, strong {font-weight: $fw-semibold;}
+    h4, strong {font-weight: $fw-medium;}
 
     ul {
       list-style: disc outside;
@@ -229,7 +234,7 @@
 
       li {
         margin-left: 0.6rem;
-        font-size: 1.6rem;
+        font-size: 1.4rem;
       }
     }
   }
@@ -238,62 +243,62 @@
     background-color: $color-highlight;
   }
 
-  &.use, &.primo {
-    .result-metadata {
-      margin-bottom: 16px;
-    }
+  .result-metadata {
+    margin-bottom: 16px;
+  }
 
-    .pub-info {
-      margin-bottom: 4px;
-    }
+  .pub-info {
+    margin-bottom: 4px;
+  }
 
-    ul.contributors {
-      li {
-        font-weight: $fw-normal;
+  ul.contributors {
+    line-clamp: 1;
+    -webkit-line-clamp: 1;
+    margin-bottom: 12px;
+
+    li {
+      font-weight: $fw-normal;
 
-        a {
-          color: $color-text-secondary;
-          text-decoration: none;
+      a {
+        text-decoration: none;
 
-          &:hover {
-            text-decoration: underline;
-          }
+        &:hover {
+          text-decoration: underline;
         }
       }
     }
+  }
 
-    .inner-heading {
-      font-size: 1.6rem;
-      font-family: $base-font; // Since we're using 16px, override to use body font
-    }
-
-    .result-get {
-      display: flex;
-      align-items: center;
-      gap: 24px;
-    }
-
-    // Make result buttons present as underlined links
-    a.button {
-      @include underlinedLinks;
-      font-weight: $fw-medium;
-      font-size: 1.6rem;
-    }
+  .inner-heading {
+    font-size: 1.6rem;
+    font-family: $base-font; // Since we're using 16px, override to use body font
+  }
 
-    // Except the first button, which should present as a secondary button
-    .result-get > a.button:first-child {
-      @include buttonSecondary;
-    }
+  .result-get {
+    display: flex;
+    align-items: center;
+    gap: 24px;
+  }
 
-    // Loading skeleton when a button isn't available
-    span.skeleton-loader {
-      @include skeleton-loader(112px);
-    }
+  // Make result buttons present as underlined links
+  a.button {
+    @include underlinedLinks;
+    font-weight: $fw-medium;
+    font-size: 1.6rem;
+  }
 
-    .truncate-list li:last-child {margin-bottom: 0;}
+  // Except the first button, which should present as a secondary button
+  .result-get > a.button:first-child {
+    @include buttonSecondary;
+  }
 
+  // Loading skeleton when a button isn't available
+  span.skeleton-loader {
+    @include skeleton-loader(112px);
   }
 
+  .truncate-list li:last-child {margin-bottom: 0;}
+
   .availability {
     color: $color-text-secondary;