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,7 +12,9 @@ export const Rooms = () => {
         return <div>Loading...</div>
     }
 
-    return rooms.map((room, i) => (
+    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>
@@ -26,5 +28,7 @@ export const Rooms = () => {
                         </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;
                 }
             }