From 45e0263f0c72a6c73b6d5e6ae23112d44eb0c432 Mon Sep 17 00:00:00 2001
From: Robert Stolz <robert.stolz87@gmail.com>
Date: Sat, 22 Feb 2025 11:17:46 +0100
Subject: [PATCH] play function

---
 frontend/src/components/Play.tsx                  |  3 ++-
 frontend/src/components/styles/PlayMemoryCard.css | 12 +++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Play.tsx b/frontend/src/components/Play.tsx
index a561bfa..a2b026a 100644
--- a/frontend/src/components/Play.tsx
+++ b/frontend/src/components/Play.tsx
@@ -20,6 +20,7 @@ export default function Play(props: Readonly<PlayProps>) {
 
     return (
         <div>
+            <div className="matchId-select">
             <label htmlFor="matchIdFilter">Wählen Sie eine Match-ID:</label>
             <select
                 id="matchIdFilter"
@@ -33,11 +34,11 @@ export default function Play(props: Readonly<PlayProps>) {
                     </option>
                 ))}
             </select>
+            </div>
 
             <div className="button-group">
             <button>Play</button>
             <button>Reset</button>
-            <button>Cheat - show all</button>
             </div>
 
             <PlayMemoryCard selectedMatchId={selectedMatchId} selectedMemoriesMatchId={selectedMemoriesMatchId}/>
diff --git a/frontend/src/components/styles/PlayMemoryCard.css b/frontend/src/components/styles/PlayMemoryCard.css
index 2336822..204485f 100644
--- a/frontend/src/components/styles/PlayMemoryCard.css
+++ b/frontend/src/components/styles/PlayMemoryCard.css
@@ -11,4 +11,14 @@
     gap: 12px;
     justify-content: center;
     padding: 16px;
-}
\ No newline at end of file
+}
+
+.matchId-select {
+    width: 600px;
+    padding: 8px;
+    border-radius: 4px;
+    border: 1px solid #ddd;
+    margin: 16px auto; /* Automatische horizontale Zentrierung */
+    display: block; /* Damit es die ganze Breite nutzt */
+    text-align: center;
+}