code quality - alignment

rbucinell · Mar 20, 2024 · 80c6f5f · 80c6f5f
1 parent 2af0a17
commit 80c6f5f
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/public/img/squares/squares-board.png b/public/img/squares/squares-board.png
diff --git a/src/components/CollapsibleSection.astro b/src/components/CollapsibleSection.astro
@@ -10,8 +10,8 @@ const dataTarget = `${id}Section`
      {title}
      {!isOpen && <span class="font-italic font-weight-light text-muted" style="font-size:0.8rem"><i class="d-inline" data-feather="maximize-2" />click to toggle expand</span>}
     </a>
-    </h3>
-    <div id={dataTarget} class:list={["collapse","border-left", {"show" : isOpen}]}>
-      <slot/>
-    </div>
-  </div>
+  </h3>
+  <div id={dataTarget} class:list={["collapse","border-left", {"show" : isOpen}]}>
+    <slot/>
+  </div>
+</div>
diff --git a/src/components/squares/rules.astro b/src/components/squares/rules.astro
@@ -25,7 +25,7 @@ const { payouts } = Astro.props;
         <li>I reserve the right to remove unpaid square requests at any point before numbers are picked.</li>
         <li> 
         <div class="media"> 
-            <div class="media-body">Unclaimed/unpaid squares that win, will <a data-toggle="collapse" href="#collapseSplash" role="button" aria-expanded="false" aria-controls="collapseSplash">splash the payout </a>to the cardinal 4 directions in an equal payout (recursively until all money has been distributed)</div><img class="collapse ml-3 img-thumbnail" id="collapseSplash" src="../img/squares/splash_diagram.jpg">
+            <div class="media-body">Unclaimed/unpaid squares that win, will <a data-toggle="collapse" href="#collapseSplash" role="button" aria-expanded="false" aria-controls="collapseSplash">splash the payout </a>to the cardinal 4 directions in an equal payout (recursively until all money has been distributed)</div><img class="ml-3 img-thumbnail" id="collapseSplash" src="../img/squares/splash_diagram.jpg">
         </div>
         </li>
         <li>If you have any problems picking squares, please text Jess or I. If you don't specify a square, or the square requested is taken we will pick the next sequentially availiable</li>

diff --git a/src/pages/squares.astro b/src/pages/squares.astro
@@ -23,8 +23,8 @@ const payouts = [0.1, 0.2, 0.3, 0.4];
   <div class="container-fluid">
     <p>It's that time of year again. Superbowl, baby! There are new rules this year, and a new table. Good Luck. Click all the squares that you want to purchase. Then click the 'purchase' button to finalize your reservation.</p>    
     <p>Squares are <strong id="squareCost">${price}</strong>. Please <a rel="noopener" href="https://paypal.me/rbucinell">Paypal</a> or venmo me at <a rel="noopener" href="https://account.venmo.com/u/rbucinell">@rbucinell</a></p>
-    <Rules payouts={payouts}/> 
     <div class="center mb-4">
-    <iframe id='iframeBoard' height="910px" class="border-0 mx-auto w-100" src="https://bucinell-squares.vercel.app/"/>
-  </div> 
+      <iframe id='iframeBoard' height="910px" class="border-0 mx-auto w-100" src="https://bucinell-squares.vercel.app/"/>
+    </div> 
+    <Rules payouts={payouts}/> 
 </BaseLayout>