intervle - commit d74dc92

diff --git a/resources/css/app.css b/resources/css/app.css index 295b9b3..f00008b 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -19,6 +19,9 @@ --background-standard: #e0e0e0; --background-backdrop: #bebebe; + --text-primary: #000000; + --text-secondary: #4b4b4b; + --background-event-card-idle: #ffffff; --background-event-card-hover: #eeeeee; --background-event-card-click: #dddddd; @@ -35,6 +38,8 @@ html { font-size: var(--font-size-standard); background: var(--background-backdrop); + + color: var(--text-primary); } body { @@ -49,3 +54,9 @@ body { header { padding: 12px; } + +hr { + border-color: var(--text-secondary); + width: 90%; + margin: auto; +} diff --git a/resources/css/game.css b/resources/css/game.css index 3ea3338..f2afbb3 100644 --- a/resources/css/game.css +++ b/resources/css/game.css @@ -3,6 +3,10 @@ margin: auto; } +#game-section { + margin: 16px; +} + .event-container { background: var(--background-event-card-idle); outline: var(--border-event-card-idle); @@ -35,3 +39,7 @@ background: var(--background-event-card-incorrect); outline: var(--border-event-card-incorrect); } + +.events-info { + color: var(--text-secondary); +} diff --git a/resources/views/game/show.blade.php b/resources/views/game/show.blade.php index 3ad8018..6c40b8d 100644 --- a/resources/views/game/show.blade.php +++ b/resources/views/game/show.blade.php @@ -5,13 +5,19 @@ @section('content') <div class="page-section"> - <div id="events-container"> - @foreach ($events as $event) - <div data-event="{{ $event->id }}" class="event-container"> - <span>{{ $event->description }}</span> - </div> - @endforeach + <hr> + <div id="game-section"> + <span class="events-info">Earliest...</span> + <div id="events-container"> + @foreach ($events as $event) + <div data-event="{{ $event->id }}" class="event-container"> + <span>{{ $event->description }}</span> + </div> + @endforeach + </div> + <span class="events-info">Most recent...</span> </div> + <hr> <button id="submit-order-button">Submit</button> </div>