From 69ee487757cc65a2c978fe014a3ac51733ddf4a4 Mon Sep 17 00:00:00 2001
From: Aidan Campbell <aidan.campbell@gmail.com>
Date: Tue, 16 Feb 2016 21:57:48 -0500
Subject: [PATCH] made app selection view prettier

---
 index.html         | 6 +++---
 static/js/index.js | 6 +++++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 5431b3c..aa965ca 100644
--- a/index.html
+++ b/index.html
@@ -49,15 +49,15 @@
                 <button id="stopButton" class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent">Stop Testing Stuff</button>
             </div>
 
-            <div id="gameSelection" style="display:none">
+            <div id="gameSelection" style="display:none" class="mdl-select">
                 <p>Select a game to run</p>
                 <select id="selectGame">
                     <option value="game_id_1">Game Name 1</option>
                     <option value="game_id_2">Game Name 2</option>
                     <option value="game_id_3">Game Name 3</option>
                 </select>
-                <button id="startGameButton">Run Game</button>
-                <button id="quitGameButton">Quit Current Game</button>
+                <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored" id="startGameButton">Run Game</button>
+                <button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent" id="quitGameButton">Quit Current Game</button>
             </div>
 
             <div id="listener">
diff --git a/static/js/index.js b/static/js/index.js
index c11e200..726ccd4 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -43,10 +43,12 @@ function showAppsPushed() {
 }
 
 function showAppsMode() {
+    console.log("entering show apps mode.")
     document.getElementById('streamSettings').style.display = 'none';
     document.getElementById('hostSettings').style.display = 'none';
     document.getElementById('gameSelection').style.display = 'inline-block';
-    document.body.style.backgroundColor = "black";
+    $("#main-content").children().not("#listener").display = "inline-block";
+    document.body.style.backgroundColor = "white";
     // common.hideModule(); // do NOT hide the nacl module. you can't interact with it then
 }
 
@@ -101,7 +103,9 @@ function handleMessage(msg) {
     var quitStreamString = "quitStream";
     var logEl = document.getElementById('logField');
     logEl.innerHTML = msg.data;
+    console.log("message received: " + msg.data);
     if (msg.data.lastIndexOf(quitStreamString, 0) === 0) {
+        console.log("quit stream received. returning to 'show apps' screen.")
         showAppsMode();
     }
 }