From 49f71b71d90722c13309387beec32b3935f32400 Mon Sep 17 00:00:00 2001
From: Dan Griffiths <dgriffiths@widgitlabs.com>
Date: Wed, 8 Jan 2025 13:32:52 -0600
Subject: [PATCH] Quick pass at adding line numbers to dispatch table quotes

---
 .../RescueDetails/RescueDetails.module.scss    | 18 +++++++++++++++++-
 .../RescueDetails/RescueDetailsContent.js      |  3 +++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/components/RescueDetails/RescueDetails.module.scss b/src/components/RescueDetails/RescueDetails.module.scss
index 428a8ae9..7133a26a 100644
--- a/src/components/RescueDetails/RescueDetails.module.scss
+++ b/src/components/RescueDetails/RescueDetails.module.scss
@@ -156,10 +156,26 @@
 }
 
 .infoValue.infoGroup.quote {
-  padding: 0 0.8rem;
+  position: relative;
+
+  padding: 0 0.8rem 0 calc(27px + 0.8rem);
 
   white-space: nowrap;
 
+  .quoteIndex {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+
+    width: 27px;
+    padding: 0.8rem 0.5rem;
+
+    background-color: #555555;
+
+    text-align: right;
+  }
+
   .quoteAuthorVia,
   .quoteAuthor,
   .quoteTime {
diff --git a/src/components/RescueDetails/RescueDetailsContent.js b/src/components/RescueDetails/RescueDetailsContent.js
index 9ca01e65..b101330f 100644
--- a/src/components/RescueDetails/RescueDetailsContent.js
+++ b/src/components/RescueDetails/RescueDetailsContent.js
@@ -200,6 +200,9 @@ function RescueDetailsContent (props) {
                             : (<td />)
                         }
                         <td className={[styles.infoValue, styles.infoGroup, styles.quote]}>
+                          <span className={styles.quoteIndex}>
+                            {index}
+                          </span>
                           <span className={styles.quoteAuthor}>
                             {`<${quoteSender}>`}
                           </span>