diff --git a/static/css/style.css b/static/css/style.css index c6c4f6b..cc4702b 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -1,5 +1,6 @@ .mdl-layout__header-row { color: #fff; + margin: 0 72px; } .mdl-button { color: #fff !important; @@ -23,9 +24,9 @@ cursor: pointer; } .mdl-dialog { - border: none; - box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); - width: 400px; + border: none; + box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); + width: 400px; } .mdl-dialog__title { padding: 24px 24px 0; @@ -72,9 +73,9 @@ main { padding: 50px 100px; } #bitrateField { - text-align: center; - display: block; - padding-top: 15px; + text-align: center; + display: block; + padding-top: 15px; } #hostSettings { padding: 5px 10px; @@ -144,7 +145,7 @@ main { border: 3px solid green; } .not-current-game { - border: 1px solid black; + border: 1px solid black; } .game-title { color: #000; @@ -177,20 +178,17 @@ 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 { +.cancel-current:hover { cursor: pointer; } +.cancel-current { + border: 2px solid white; + padding: 5px; + border-radius: 5px; +} +.cancel-current img { + margin-right: 5px; +} +.cancel-current .game-title { + color: #fff; +} diff --git a/static/js/index.js b/static/js/index.js index 08a31e8..0c3106a 100644 --- a/static/js/index.js +++ b/static/js/index.js @@ -336,10 +336,8 @@ function showApps() { console.log(api.toString()); }); }); - if ($('quitCurrentApp').length === 0) { // also prevent duplicate quit buttons from showing up - $("#game-grid").append($("