CSS tweaks

CHANGELOG.md

@@ -11,11 +11,14 @@ 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
 
 - 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
 

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;
@@ -511,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;