diff --git a/app/assets/stylesheets/game.css.sass b/app/assets/stylesheets/game.css.sass index 20c03a9..7c982e2 100644 --- a/app/assets/stylesheets/game.css.sass +++ b/app/assets/stylesheets/game.css.sass @@ -111,6 +111,7 @@ ol#cards-to-beat flex-wrap: wrap text-align: center li + position: relative margin-left: -21vmin // Don't offset first card &:first-of-type diff --git a/app/views/tables/_play_to_beat.html.haml b/app/views/tables/_play_to_beat.html.haml index a71fb74..eede81c 100644 --- a/app/views/tables/_play_to_beat.html.haml +++ b/app/views/tables/_play_to_beat.html.haml @@ -10,8 +10,8 @@ = card.to_s %div= @game.play_to_beat.play.player.display_name %ol#cards-to-beat - - @game.play_to_beat.play.player_cards.each do |card| - %li + - @game.play_to_beat.play.player_cards.reverse.each_with_index do |card, index| + %li{style: "z-index: #{100 - index};"} -# TODO: Don't hard code face cards here %img{alt: card.rank + ' ' + card.suit, src: '/assets/cards/png/' + (card.rank.gsub('J','jack').gsub('Q','queen').gsub('K','king').gsub('A','ace') + '_of_' + card.suit.downcase + 's.png').gsub('11','jack').gsub('12','queen').gsub('13','king').gsub('14','ace').gsub('15','2') }