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($("