intervle - commit 09b033b

diff --git a/resources/css/app.css b/resources/css/app.css index f00008b..75b4e6b 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -33,6 +33,8 @@ --border-event-card-click: 1px solid #575757; --border-event-card-correct: 1px solid #509d54; --border-event-card-incorrect: 1px solid #a64f51; + + --box-shadow-standard: 2px 2px 4px rgba(0, 0, 0, 0.5); } html { @@ -45,6 +47,7 @@ html { body { background: var(--background-standard); max-width: var(--page-width); + box-shadow: var(--box-shadow-standard); text-align: center; margin: 64px auto; border-radius: var(--border-radius-standard); @@ -60,3 +63,12 @@ hr { width: 90%; margin: auto; } + +button { + margin: 16px; + padding: 4px 32px; + background: var(--background-event-card-idle); + outline: var(--border-event-card-idle); + border-radius: var(--border-radius-standard); + box-shadow: var(--box-shadow-standard); +} diff --git a/resources/css/game.css b/resources/css/game.css index f2afbb3..1875915 100644 --- a/resources/css/game.css +++ b/resources/css/game.css @@ -11,6 +11,8 @@ background: var(--background-event-card-idle); outline: var(--border-event-card-idle); border-radius: var(--border-radius-standard); + box-shadow: var(--box-shadow-standard); + margin: 8px; padding: 12px; text-align: left; diff --git a/resources/views/game/show.blade.php b/resources/views/game/show.blade.php index 6c40b8d..65ef420 100644 --- a/resources/views/game/show.blade.php +++ b/resources/views/game/show.blade.php @@ -16,9 +16,10 @@ @endforeach </div> <span class="events-info">Most recent...</span> + <br> + <button id="submit-order-button">Submit</button> </div> <hr> - <button id="submit-order-button">Submit</button> </div> @endsection