From ce639a389453b07ada95d960bece93f5ee2645a3 Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Fri, 16 Oct 2020 01:57:13 +0100
Subject: [PATCH] added buttons

---
 public/css/style.scss | 8 ++++++++
 public/index.html     | 5 +++++
 2 files changed, 13 insertions(+)

diff --git a/public/css/style.scss b/public/css/style.scss
index b12400504..1af158aa3 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -2320,6 +2320,14 @@ key {
       .title{
         color: var(--sub-color);
       }
+      .buttons{
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr;
+        gap: 1rem;
+        .button{
+          padding: 2rem 0;
+        }
+      }
     }
     .privateRooms{
       grid-area: priv;
diff --git a/public/index.html b/public/index.html
index 4c4e2a91e..c3447f380 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3018,6 +3018,11 @@
             <div class="matchmaking">
               <!-- <div id="joinRandomRoom" class="button">Join random room</div> -->
               <div class="title">matchmaking</div>
+              <div class="buttons">
+                <div id="matchmake15" class="button"><i class="fas fa-clock"></i>Time 15</div>
+                <div id="matchmake60" class="button"><i class="fas fa-clock"></i>Time 60</div>
+                <div id="matchmakeQuote" class="button"><i class="fas fa-quote-right"></i>Quotes</div>
+              </div>
               <span style="text-align:center;color: var(--sub-color);">Coming soon...</span>
             </div>
             <div class="privateRooms">