From af69efcf3788a0ed0580751db1309a1c5cbf9368 Mon Sep 17 00:00:00 2001
From: Paul Craig <paul@pcraig3.ca>
Date: Wed, 27 Nov 2024 15:39:45 -0500
Subject: [PATCH 1/2] Cinch up line height in `<a>` tags in application
 checklist

This will help us better distinguish between discrete anchors when
cells have multiple multi-line anchors.
---
 CHANGELOG.md                                  |  2 ++
 bloom_nofos/bloom_nofos/static/theme-base.css | 30 +++++++++++++++++--
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ee2ce49..d988c1d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,8 @@ The format is based on Keep a Changelog, and this project adheres to Semantic Ve
 
 - Condense Before You Begin page for NOFO: CDC-RFA-PS-25-0008
   - This will be a sole-source thing, but for now it's just for this one
+- Tighter line-lengths for `<a>` tags in the application checklist table
+  - Helps to visually distinguish several multi-line anchor tags in the same cell
 
 ### Removed
 
diff --git a/bloom_nofos/bloom_nofos/static/theme-base.css b/bloom_nofos/bloom_nofos/static/theme-base.css
index 4e138a7..dbad9f2 100644
--- a/bloom_nofos/bloom_nofos/static/theme-base.css
+++ b/bloom_nofos/bloom_nofos/static/theme-base.css
@@ -472,18 +472,42 @@ body.cms-white table td img.usa-icon--check_box_outline_blank {
   box-shadow: inset 0px 0px 5px 3px var(--color--table-blue);
 }
 
-.section--step-5-submit-your-application table tr td.usa-icon__td > div {
+.section--step-5-submit-your-application
+  .section--content
+  table
+  tr
+  td.usa-icon__td
+  > div {
   display: flex;
 }
 
-.section--step-5-submit-your-application table tr td.usa-icon__td {
+.section--step-5-submit-your-application
+  .section--content
+  table
+  tr
+  td.usa-icon__td {
   vertical-align: top;
 }
 
-.section--step-5-submit-your-application table tr td.usa-icon__td span {
+.section--step-5-submit-your-application
+  .section--content
+  table
+  tr
+  td.usa-icon__td
+  span {
   line-height: 1.25;
 }
 
+/* Cinch up the lines on individual <a> tags in the application checklist */
+.section--step-5-submit-your-application .section--content table td a {
+  display: inline-block;
+  line-height: 1.3;
+}
+
+.section--step-5-submit-your-application .section--content table td > br + a {
+  margin-top: 5px;
+}
+
 ul,
 ol {
   margin-bottom: 12px;

From cfc5c03e4dd19190673481800941a18b13a7dc61 Mon Sep 17 00:00:00 2001
From: Paul Craig <paul@pcraig3.ca>
Date: Wed, 27 Nov 2024 15:42:00 -0500
Subject: [PATCH 2/2] =?UTF-8?q?Add=20dash=20(=E2=81=83)=20as=20bullet=20ch?=
 =?UTF-8?q?ar=20for=20quadruple-nested=20bullets?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It's not happened before now, but you'd think it would have.
---
 CHANGELOG.md                                  |  1 +
 bloom_nofos/bloom_nofos/static/theme-base.css | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d988c1d..a568543 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@ The format is based on Keep a Changelog, and this project adheres to Semantic Ve
 - Add script to pull links from all non-archived NOFOs
 - Add inline image for CDC-RFA-JG-25-0055
 - New cover images for HRSA-25-036, HRSA-25-080
+- Add dash (⁃) as bullet for all quadruple nested bullets
 
 ### Changed
 
diff --git a/bloom_nofos/bloom_nofos/static/theme-base.css b/bloom_nofos/bloom_nofos/static/theme-base.css
index dbad9f2..2dd7586 100644
--- a/bloom_nofos/bloom_nofos/static/theme-base.css
+++ b/bloom_nofos/bloom_nofos/static/theme-base.css
@@ -535,6 +535,16 @@ ol ol ol {
   list-style-type: lower-roman;
 }
 
+ul ul ul ul {
+  list-style-type: none;
+  padding-left: 20px;
+}
+
+ul ul ul ul > li:before {
+  content: "⁃";
+  margin-right: 5px;
+}
+
 img.usa-icon--check_box_outline_blank {
   height: 17px;
   width: 17px;