From 7d598ebaf47ad6effe502b91db3e94f9fc15759f Mon Sep 17 00:00:00 2001
From: Abdallah Soliman <abdallah.soliman@case.edu>
Date: Sun, 10 Jul 2016 22:21:38 -0500
Subject: [PATCH] added title below image, need to do some more styling to
 whole interface eventually

---
 static/css/style.css | 6 +++++-
 static/js/index.js   | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 400ba56..cf86292 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -177,4 +177,8 @@ main {
 }
 .not-current-game {
   border: 1px solid black;
-}
\ No newline at end of file
+}
+.game-title {
+    color: #000;
+    font-weight: bold;
+}
diff --git a/static/js/index.js b/static/js/index.js
index 253e5ab..4eae8b5 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -235,7 +235,7 @@ function showApps() {
         appList.forEach(function (app) {
             api.getBoxArt(app.id).then(function (resolvedPromise) {
                 var imageBlob =  new Blob([resolvedPromise], {type: "image/png"});
-                $("#game-grid").append($("<div>", {html:$("<img \>", {src: URL.createObjectURL(imageBlob), id: 'game-'+app.id, name: app.title }), class: 'box-art mdl-cell mdl-cell--3-col'}));
+                $("#game-grid").append($("<div>", {html:$("<img \>", {src: URL.createObjectURL(imageBlob), id: 'game-'+app.id, name: app.title }), class: 'box-art mdl-cell mdl-cell--3-col'}).append($("<span>", {html: app.title, class:"game-title"})));
                 $('#game-'+app.id).on('click', startGame);
 
                 if (api.currentGame === app.id){ // stylize the currently running game