From 1e5bd25291a1a4ecc88a04760ec749fecdceb564 Mon Sep 17 00:00:00 2001
From: Jorys_Paulin <paulinjorys5@gmail.com>
Date: Mon, 23 Apr 2018 20:41:27 +0200
Subject: [PATCH] Small changes to the UI

---
 index.html           | 5 +----
 static/css/style.css | 2 ++
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 498060b..7fde1e6 100644
--- a/index.html
+++ b/index.html
@@ -100,16 +100,13 @@
     </header>
     <main id="main-content" class="mdl-layout__content">
             <div id="host-grid">
-                <div class="page-title">Your PCs</div>
                 <div class="add-host-card mdl-card mdl-shadow--4dp" id="addHostCell">
                     <div class="mdl-card__title mdl-card--expand" id="addHostIcon" role="link" tabindex="0" aria-label="Add Host">
                         <h2 class="mdl-card__title-text" >Add Host</h2>
                     </div>
                 </div>
             </div>
-            <div id="game-grid">
-                <div class="page-title">Your Games</div>
-            </div>
+            <div id="game-grid"></div>
             <div id="listener"></div>
             <!-- NaCl module placeholder.  NaCl gets thrown into here -->
             <div id="loadingSpinner" class="mdl-progress mdl-js-progress mdl-progress__indeterminate">
diff --git a/static/css/style.css b/static/css/style.css
index f2a1a82..d79cd89 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -72,6 +72,7 @@ main {
 
 .nav-menu-parent {
     position: relative;
+    margin: 0 4px;
 }
 .mdl-menu__outline {
     background-color: #333846;
@@ -187,6 +188,7 @@ main {
     margin: 15px;
     cursor: pointer;
     transition: all .2s ease-in-out;
+    will-change: transform;
 }
 #host-grid .mdl-card:hover, #host-grid .mdl-card:focus, #host-grid .mdl-card:active, #game-grid .mdl-card:hover, #game-grid .mdl-card:focus, #game-grid .mdl-card:active {
     transform: scale(1.1);