diff --git a/static/css/style.css b/static/css/style.css index 9a39a02..c6c4f6b 100644 --- a/static/css/style.css +++ b/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; +} diff --git a/static/js/index.js b/static/js/index.js index 8f29bbe..a0fe019 100644 --- a/static/js/index.js +++ b/static/js/index.js @@ -327,11 +327,10 @@ function showApps() { console.log('Error! Failed to retrieve box art for app ID: ' + app.id + '. Returned value was: ' + failedPromise) console.log('failed API object: '); console.log(api.toString()); - }); - + }); }); - $("#game-grid").append($("
", {html:$(""), class: 'box-art mdl-cell mdl-cell--3-col'}).append($("", {html: 'Quit Current App', class:"game-title"}))); + $("#game-grid").append($("
", {html:$(""), class: 'cancel-cell mdl-cell mdl-cell--3-col'}).append($("", {html: 'Quit Current App', class:"game-title"}))); $('#quitCurrentApp').on('click', function() {api.quitApp(); api.refreshServerInfo(); }); }, function (failedAppList) { diff --git a/static/res/ic_remove_circle_white_24px.svg b/static/res/ic_remove_circle_white_24px.svg new file mode 100644 index 0000000..fef28d6 --- /dev/null +++ b/static/res/ic_remove_circle_white_24px.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file