Improve CSS for lists in modals (#2473)

Author: ekzyis

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>

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>

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>

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>

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;
 }