From 5b16f11c320ca31bb88b5ca9bab09207ee71e938 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
5-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.
---
 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 {