From 90287bbccbbb302f395e71c9cfff93acf58a34f7 Mon Sep 17 00:00:00 2001
From: SpikeHD <spikegdofficial@gmail.com>
Date: Sun, 8 May 2022 18:18:18 -0700
Subject: [PATCH] public and private buttons

---
 src/ui/App.tsx                         |  5 ++++-
 src/ui/components/common/BigButton.css |  3 ---
 src/ui/custom.css                      | 18 +++++++++++++++---
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/ui/App.tsx b/src/ui/App.tsx
index 0fdfc75..903d662 100644
--- a/src/ui/App.tsx
+++ b/src/ui/App.tsx
@@ -15,7 +15,10 @@ function App() {
   return (
     <div className="App">
       <Topbar />
-      <BigButton text="PLAY DA GAME :D" onClick={playGame} id="officialPlay" />
+      <div id="playButtons">
+        <BigButton text="PLAY DA GAME :D" onClick={playGame} id="officialPlay" />
+        <BigButton text="PLAY PRIV GAME :D" onClick={playGame} id="privatePlay" />
+      </div>
     </div>
   )
 }
diff --git a/src/ui/components/common/BigButton.css b/src/ui/components/common/BigButton.css
index c62146f..ae4303d 100644
--- a/src/ui/components/common/BigButton.css
+++ b/src/ui/components/common/BigButton.css
@@ -11,9 +11,6 @@
   color: #704a1d;
   font-weight: bold;
 
-  height: 60px;
-  max-width: 20%;
-
   font-size: 20px;
 }
 
diff --git a/src/ui/custom.css b/src/ui/custom.css
index 5d413a8..b1cc994 100644
--- a/src/ui/custom.css
+++ b/src/ui/custom.css
@@ -1,5 +1,17 @@
-#officialPlay {
+#playButtons {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+
   position: absolute;
-  top: 75%;
-  left: 60%;
+  top: 80%;
+  left: 40%;
+
+  width: 50%;
+  height: 10%;
+}
+
+#playButtons .BigButton {
+  height: 100%;
 }
\ No newline at end of file