diff --git a/public/static/css/mapguesser.css b/public/static/css/mapguesser.css index f9a0eff..f4e2870 100644 --- a/public/static/css/mapguesser.css +++ b/public/static/css/mapguesser.css @@ -52,7 +52,7 @@ button:disabled { opacity: 0.7; } -button.block { +button.fullWidth { padding: 0; width: 100%; } @@ -69,6 +69,10 @@ div.buttonContainer { height: 35px; } +div.buttonContainer > button { + margin: 0 auto; +} + div.buttonContainer.top { margin-bottom: 10px; } @@ -119,30 +123,37 @@ div.buttonContainer.bottom { z-index: 2; } -#guess.result > #closeGuessButtonContainer, #guess.result > #guessButtonContainer { +#guess > #continueButtonContainer { display: none; } +#guess.result > #closeGuessButtonContainer, +#guess.result > #guessButtonContainer { + display: none; +} + +#guess.result > #continueButtonContainer { + display: block; +} + #map { width: 100%; border-radius: 3px; } #guess.result > #map { - height: 70%; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + height: calc(100% - 170px); } #resultInfo { - height: 30%; + margin-top: 5px; + height: 120px; width: 100%; - padding: 10px 20px; + padding: 5px 20px; text-align: center; box-sizing: border-box; background-color: #ffffff; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; + border-radius: 3px; display: none; } @@ -151,7 +162,7 @@ div.buttonContainer.bottom { } #resultInfo > div { - height: 25%; + height: 33.33%; width: 100%; display: flex; justify-content: center; diff --git a/views/game.php b/views/game.php index 5dbc6d1..5ce1997 100644 --- a/views/game.php +++ b/views/game.php @@ -16,15 +16,15 @@
- +
- +
- +
@@ -40,11 +40,11 @@
-
- - - -
+
+
+ + +