changes idk

Author: bherceha

impacts.html

@@ -35,8 +35,13 @@ <h1>Pay-As-You-Throw in Boston</h1>
         <p class="intro-text">How might implementing a Pay-As-You-Throw (PAYT) program impact the City of Boston?</p>
       <div class="squiggle" aria-hidden="true"></div>
 
-      <p>To estimate the impact of a PAYT program on Boston's trash tonnage and revenue, we <span class="mini-badge">1</span> calculated how much trash Boston households produced in 2024 and how much the city spent to incinerate it. <span class="mini-badge">2</span> We projected the impact of a PAYT program on trash reduction and how much the city could save in incineration costs from the reduction alone based off of <span class="mini-badge">3</span> reductions seen in other municipalities. We <span class="mini-badge">4</span> estimated how much Boston could generate in revenue from PAYT-bag sales based on the city of Malden.</a>  </p>
-</p>
+      <p>To estimate the impact of a PAYT program on Boston's trash tonnage and revenue, our team...</p>
+      <ul class="badge-list">
+        <li><span class="mini-badge">1</span> Calculated how much trash Boston households produced in 2024 and how much the city spent to incinerate it.</li>
+        <li><span class="mini-badge">2</span> Estimated the potential trash reduction and how much the city could save in incineration costs from the reduction alone.</li>
+        <li><span class="mini-badge">3</span> Boston estimates were generated from reductions seen in other municipalities.</li>
+        <li><span class="mini-badge">4</span> Estimated how much Boston could generate in revenue from PAYT-bag sales based on the city of Malden.</li>
+      </ul>
 
 <!-- Section: Boston 2024 vs PAYT side-by-side -->
         <div class="impact-compare">

styles/styles.css

@@ -529,6 +529,19 @@ ul ul li {
   margin: 0 2px;
 }
 
+/* Badge list - remove bullet points and use badges as markers */
+.badge-list {
+  list-style: none;
+  margin: 8px 0 16px 0;
+  padding-left: 8px;
+}
+
+.badge-list li {
+  margin: 0;
+  padding: 4px 0;
+  line-height: 1.5;
+}
+
 /* Small inline section note used near figures (not the global top banner) */
 .section-note {
   background: transparent;