finished most things

src/components/ActionRegistry.tsx

@@ -138,7 +138,7 @@ export const ActionRegistry = ({ room, refreshRoom }: Props) => {
     }
 
     return (
-        <>
+        <div class="stack-v">
             {room.actions.map((action, index) =>
                 action.type === 'answer' ? (
                     <ActionCardAnswer
@@ -166,6 +166,6 @@ export const ActionRegistry = ({ room, refreshRoom }: Props) => {
                     </div>
                 )
             )}
-        </>
+        </div>
     )
 }

src/components/AdminPage.tsx

@@ -44,14 +44,12 @@ export const AdminPage = ({ roomId }: { roomId: string }) => {
                     Object.values(listeners.current).forEach(listener => listener(teamQuestion))
                 }
             />
-             
             <h2>Azioni</h2>
             <SubmitAction
                 room={room}
                 refreshRoom={fetchRoom}
                 onTeamQuestionIndex={(key, listener) => (listeners.current[key] = listener)}
             />
-            &nbsp;
             <h2>Registro Azioni</h2>
             <ActionRegistry room={room} refreshRoom={fetchRoom} />
         </>

src/components/Rooms.tsx

@@ -12,19 +12,23 @@ export const Rooms = () => {
         return <div>Loading...</div>
     }
 
-    return rooms.map((room, i) => (
-        <div class="card tint-green stack-v center">
-            <div class="fill-w stack-h center" key={i}>
-                <code>{room.id}</code>
-                <div class="fill"></div>
-                <button
-                    onClick={() => {
-                        location.href = `/${room.id}`
-                    }}
-                >
-                    Classifica
-                </button>
-            </div>
+    return (
+        <div class="stack-v">
+            {rooms.map((room, i) => (
+                <div class="card tint-green stack-v center">
+                    <div class="fill-w stack-h center" key={i}>
+                        <code>{room.id}</code>
+                        <div class="fill"></div>
+                        <button
+                            onClick={() => {
+                                location.href = `/${room.id}`
+                            }}
+                        >
+                            Classifica
+                        </button>
+                    </div>
+                </div>
+            ))}
         </div>
-    ))
+    )
 }

src/pages/[room]/index.astro

@@ -9,6 +9,6 @@ if (!room) {
 ---
 
 <Base>
-    <h1>{room}</h1>
+    <!-- <h1>{room}</h1> -->
     <LiveLeaderboard client:load roomId={room} />
 </Base>

src/styles.css

@@ -41,8 +41,8 @@ body {
     justify-items: center;
     align-content: start;
 
-    padding: 6rem 1rem 12rem;
-    gap: 1rem;
+    padding: 3rem 1rem 12rem;
+    gap: 3rem;
 }
 
 /* Typography */
@@ -347,7 +347,8 @@ button {
                 
             } */
 
-            padding: 0.5rem 0.25rem;
+            /* padding: 0.5rem 0.25rem; */
+            padding: 0 0.25rem;
 
             text-align: center;
             font-size: 22px;
@@ -415,7 +416,8 @@ button {
                 border-top-left-radius: 8px;
                 border-bottom-left-radius: 8px;
 
-                padding: 0.25rem 0.5rem;
+                /* padding: 0.25rem 0.5rem; */
+                padding: 0rem 0.5rem;
                 gap: 1rem;
 
                 color: #fff;
@@ -431,6 +433,9 @@ button {
                 > .score {
                     grid-area: 1 / 2;
                     font-size: 16px;
+
+                    display: grid;
+                    place-content: center;
                 }
             }