diff --git a/public/static/css/game.css b/public/static/css/game.css index 90b50d6..1f827e4 100644 --- a/public/static/css/game.css +++ b/public/static/css/game.css @@ -157,13 +157,14 @@ #navigation .navigationItem { margin-top: 10px; opacity: 70%; + cursor: pointer; } #navigation .navigationItem:hover { opacity: 100%; } -#navigation span { +#navigation div { position: absolute; } @@ -188,9 +189,9 @@ } #showGuessButtonContainer { position: absolute; - left: 60px; + left: 65px; bottom: 30px; - right: 60px; + right: 20px; z-index: 2; } #guess { diff --git a/public/static/js/game.js b/public/static/js/game.js index a21a66c..2d556a5 100644 --- a/public/static/js/game.js +++ b/public/static/js/game.js @@ -334,6 +334,9 @@ document.getElementById('guess').style.visibility = null; document.getElementById('guess').classList.remove('result'); + // needs to be set visible after the show guess map hid it in mobile view + document.getElementById("navigation").style.visibility = 'visible'; + Game.initialize(); }, @@ -379,9 +382,6 @@ document.getElementById('currentRound').innerHTML = String(Game.rounds.length) + '/' + String(Game.NUMBER_OF_ROUNDS); Game.loadPano(Game.panoId, Game.pov); - - // needs to be set visible after the show guess map hid it in mobile view - document.getElementById("navigation").style.visibility = 'visible'; }, handleErrorResponse: function (error) { diff --git a/views/game.php b/views/game.php index 5622c85..e0f7b5d 100644 --- a/views/game.php +++ b/views/game.php @@ -61,12 +61,12 @@ @endsection