From c43f19fd7d04bd8bb76d27c3b265c1c24c36daa6 Mon Sep 17 00:00:00 2001
From: ekzyis <ek@stacker.news>
Date: Sat, 30 Aug 2025 02:53:44 +0200
Subject: [PATCH] Improve CSS for lists in modals (#2473)

---
 components/adv-post-form.js    | 2 +-
 components/info/cc.js          | 2 +-
 components/info/reward-sats.js | 2 +-
 components/job-form.js         | 2 +-
 styles/globals.scss            | 4 ++++
 5 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/components/adv-post-form.js b/components/adv-post-form.js
index 464b7bcf..cf0933d1 100644
--- a/components/adv-post-form.js
+++ b/components/adv-post-form.js
@@ -32,7 +32,7 @@ const FormStatus = {
 
 export function BoostHelp () {
   return (
-    <ol style={{ lineHeight: 1.25 }}>
+    <ol>
       <li>Boost ranks items higher based on the amount</li>
       <li>The highest boost in a territory over the last 30 days is pinned to the top of the territory</li>
       <li>The highest boost across all territories over the last 30 days is pinned to the top of the homepage</li>
diff --git a/components/info/cc.js b/components/info/cc.js
index 53219c06..f4814ef4 100644
--- a/components/info/cc.js
+++ b/components/info/cc.js
@@ -5,7 +5,7 @@ export default function CCInfo (props) {
   return (
     <Info {...props}>
       <h6>Why am I getting cowboy credits?</h6>
-      <ul className='line-height-md'>
+      <ul>
         <li>to receive sats, you must attach an <Link href='/wallets'>external receiving wallet</Link></li>
         <li>zappers may have chosen to send you CCs instead of sats</li>
         <li>if the zaps are split on a post, recipients will receive CCs regardless of their configured receiving wallet</li>
diff --git a/components/info/reward-sats.js b/components/info/reward-sats.js
index d84a8e72..178a1cfd 100644
--- a/components/info/reward-sats.js
+++ b/components/info/reward-sats.js
@@ -5,7 +5,7 @@ export default function RewardSatsInfo (props) {
   return (
     <Info {...props}>
       <h6>Where did my sats come from?</h6>
-      <ul className='line-height-md'>
+      <ul>
         <li>you may have sats from before <Link href='/items/835465'>SN went not-custodial</Link></li>
         <li>sats also come from <Link href='/rewards'>daily rewards</Link> and territory revenue
           <ul>
diff --git a/components/job-form.js b/components/job-form.js
index f8533586..f65b78d5 100644
--- a/components/job-form.js
+++ b/components/job-form.js
@@ -114,7 +114,7 @@ export default function JobForm ({ item, sub }) {
           label={
             <div className='d-flex align-items-center'>boost
               <Info>
-                <ol className='line-height-md'>
+                <ol>
                   <li>Boost ranks jobs higher based on the amount</li>
                   <li>The minimum boost is {numWithUnits(BOOST_MIN, { abbreviate: false })}</li>
                   <li>Boost must be divisible by {numWithUnits(BOOST_MULT, { abbreviate: false })}</li>
diff --git a/styles/globals.scss b/styles/globals.scss
index 05eaaab6..0d4a7bd4 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -322,6 +322,10 @@ svg {
   padding: 0;
   background-color: transparent;
 }
+.modal-body li {
+  line-height: 1.25;
+  margin-top: 0.5rem;
+}
 .modal-close.fullscreen {
   padding: 1.25rem;
 }