From 10a405f22bc0ddb95c26b9d4cd92cfe69a70d356 Mon Sep 17 00:00:00 2001
From: jazairi <16103405+jazairi@users.noreply.github.com>
Date: Mon, 20 May 2024 12:45:55 -0400
Subject: [PATCH] Accommodate multi-digit list markers

Why these changes are being introduced:

The result list does not have a sufficient left margin to
accommodate list markers that are more than one digit. Because
of this, markers for results further down in the list are
truncated.

This issue exists on smaller viewports only. Larger viewports
have enough space for markers up to five digits. (This is the
maximum, in our case.)

Relevant ticket(s):

* [GDT-314](https://mitlibraries.atlassian.net/browse/GDT-314)

How this addresses that need:

This adds a left margin on smaller viewports to accommodate
4-digit result markers, and removes the result padding to provide
more room for text flow.

Side effects of this change:

* The margin is somewhat excessive for 1- or 2-digit numbers, but
it seems like a reasonable tradeoff for now.
* The leading digit of 5-digit numbers is still truncated. This only
affects one possible result, and it's unlikely that a user would get
to result 10,000.
---
 app/assets/stylesheets/partials/_results.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/assets/stylesheets/partials/_results.scss b/app/assets/stylesheets/partials/_results.scss
index c67d4dcd..080497cc 100644
--- a/app/assets/stylesheets/partials/_results.scss
+++ b/app/assets/stylesheets/partials/_results.scss
@@ -28,6 +28,16 @@
       margin-top: 0;
     }
   }
+
+  .results-list {
+    @media (max-width: $bp-screen-md) {
+      .result {
+        padding-left: 0;
+        padding-right: 0;
+        margin-left: 3rem;
+      }
+    }
+  }
 }
 
 .result {