From 2645bb054c91e817ef6b8d6613e23c8785a04226 Mon Sep 17 00:00:00 2001
From: julius <julius@0124816.xyz>
Date: Tue, 23 Dec 2025 11:28:45 +0100
Subject: [PATCH] better spacing

---
 frontend/src/Form.tsx | 38 ++++++++++++++++++++------------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/frontend/src/Form.tsx b/frontend/src/Form.tsx
index 820b0b6..5f3c379 100644
--- a/frontend/src/Form.tsx
+++ b/frontend/src/Form.tsx
@@ -456,7 +456,7 @@ function ChemistryDnDMobile({ user, teams, players }: PlayerInfoProps) {
               <div className="column">
                 <div className="box">
                   <p className="subtitle is-6 is-uppercase has-text-weight-light">
-                    yes, please ♥️
+                    ♥️
                   </p>
                   <PlayerList
                     list={playersRight}
@@ -513,22 +513,24 @@ export default function Rankings() {
   ];
 
   return (
-    <div className="container block">
-      <p className="notification is-warning is-light">
-        assign as many or as few players as you want and don't forget to 💾
-        <strong> submit</strong> when you're done :)
-      </p>
-      {user && teams && players ? (
-        <TabController tabs={tabs}>
-          <ChemistryDnDMobile {...{ user, teams, players }} />
-          <MVPDnD {...{ user, teams, players }} />
-          <TypeDnD {...{ user, teams, players }} />
-        </TabController>
-      ) : (
-        <div className="container">
-          <progress className="progress is-primary" max="100"></progress>
-        </div>
-      )}
-    </div>
+    <section className="section">
+      <div className="container block">
+        <p className="notification is-warning is-light">
+          assign as many or as few players as you want and don't forget to 💾
+          <strong> submit</strong> when you're done :)
+        </p>
+        {user && teams && players ? (
+          <TabController tabs={tabs}>
+            <ChemistryDnDMobile {...{ user, teams, players }} />
+            <MVPDnD {...{ user, teams, players }} />
+            <TypeDnD {...{ user, teams, players }} />
+          </TabController>
+        ) : (
+          <div className="container">
+            <progress className="progress is-primary" max="100"></progress>
+          </div>
+        )}
+      </div>
+    </section>
   );
 }