fix styles (#11)

kyrylo-burmelov · web-flow · commit 2ed73e1993b0 · 2022-01-17T19:40:25.000+02:00
diff --git a/public/html/game.html b/public/html/game.html
@@ -13,7 +13,7 @@
     rel="stylesheet">
   <script src="/socket.io/socket.io.js"></script>
   <script defer type="module" src="/javascript/game.mjs"></script>
-  <title>Game</title>
+  <title>Typing Race</title>
 </head>
 
 <body>
@@ -24,7 +24,7 @@ <h1 class="title">Join Room Or Create New</h1>
       <div id="rooms-wrapper">
       </div>
     </div>
-    <div id="game-page" class="full-screen display-none">
+    <div id="game-page" class="flex full-screen display-none">
       <div>
         <h1 id="room-name">Room name</h1>
         <button id="quit-room-btn">Back to Rooms</button>
diff --git a/public/styles/common.css b/public/styles/common.css
@@ -50,7 +50,7 @@ input::placeholder {
 }
 
 .title {
-  margin: 25px
+  padding: 25px
 }
 
 .modal {
@@ -80,4 +80,4 @@ input::placeholder {
 
 .modal .body-wrapper {
   margin: 25px
-}
+}
diff --git a/public/styles/game.css b/public/styles/game.css
@@ -6,11 +6,7 @@
 }
 
 #room-name {
-  margin: 10px;
-}
-
-#game-page {
-  display: flex;
+  padding: 15px;
 }
 
 #game-container {
@@ -75,4 +71,4 @@
 
 .finished {
   background-color:greenyellow !important;
-}
+}
diff --git a/public/styles/rooms.css b/public/styles/rooms.css
@@ -30,4 +30,4 @@
   background-color:var(--main-button-background-color);
   border: 1px solid var(--main-button-border-color);
   padding: 5px 20px;
-}
+}
