progress commit for prettier app cancel button

static/css/style.css

@@ -107,7 +107,7 @@ main {
     margin-bottom: 10px;
 }
 #pairButton {
-    margin: 3px;
+    margin: 3px;s
 }
 #showAppsButton {
     margin: 3px;
@@ -177,3 +177,20 @@ main {
     width: 80px;;
     margin-bottom: 10px;
 }
+.cancel-cell {
+    /*display: inline-block;*/
+    background-color: #000;
+    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
+}
+.cancel-cell > img {
+    padding: 0;
+    margin: 0;
+    width: 100%;
+    height: 100%;
+    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
+    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
+    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.34);
+}
+.cancel-cell:hover > img {
+    cursor: pointer;
+}

static/js/index.js

@@ -328,10 +328,9 @@ function showApps() {
                 console.log('failed API object: ');
                 console.log(api.toString());
             }); 
-            
         });
 
-        $("#game-grid").append($("<div>", {html:$("<img src=icons\\icon48.png id=quitCurrentApp\>"), class: 'box-art mdl-cell mdl-cell--3-col'}).append($("<span>", {html: 'Quit Current App', class:"game-title"})));
+        $("#game-grid").append($("<div>", {html:$("<img src=static\\res\\ic_remove_circle_white_24px.svg id=quitCurrentApp\>"), class: 'cancel-cell mdl-cell mdl-cell--3-col'}).append($("<span>", {html: 'Quit Current App', class:"game-title"})));
         $('#quitCurrentApp').on('click', function() {api.quitApp(); api.refreshServerInfo(); });
 
     }, function (failedAppList) {

static/res/ic_remove_circle_white_24px.svg

@@ -0,0 +1,4 @@
+<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"/>
+</svg>