From 44a94dd7912b87166bdf6a51e64c04ad918114be Mon Sep 17 00:00:00 2001
From: Joffrey Bion <joffrey.bion@booking.com>
Date: Thu, 28 May 2020 15:03:49 +0200
Subject: Fix some overlapping elements

---
 .../kotlin/org/luxons/sevenwonders/ui/components/game/BoardSummary.kt   | 1 +
 .../main/kotlin/org/luxons/sevenwonders/ui/components/game/GameScene.kt | 2 ++
 2 files changed, 3 insertions(+)

(limited to 'sw-ui/src/main/kotlin/org/luxons')

diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/BoardSummary.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/BoardSummary.kt
index 37b7c211..0d27f19a 100644
--- a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/BoardSummary.kt
+++ b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/BoardSummary.kt
@@ -33,6 +33,7 @@ fun RBuilder.boardSummary(
             alignItems = boardSummarySide.alignment
             padding(all = 0.5.rem)
             backgroundColor = Color.paleGoldenrod.withAlpha(0.5)
+            zIndex = 50 // above table cards
         }
         val tokenSize = 2.rem
 
diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameScene.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameScene.kt
index 238240ac..fe274913 100644
--- a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameScene.kt
+++ b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameScene.kt
@@ -87,6 +87,7 @@ private class GameScene(props: GameSceneProps) : RComponent<GameSceneProps, RSta
                 classes.add("bp3-dark")
                 display = Display.inlineBlock // so that the cards below don't overlap, but the width is not full
                 margin(all = 0.4.rem)
+                maxWidth = 25.pct // leave space for 4 board summaries when there are 7 players
             }
             bpCard(elevation = Elevation.TWO) {
                 attrs {
@@ -160,6 +161,7 @@ private class GameScene(props: GameSceneProps) : RComponent<GameSceneProps, RSta
                 bottom = 6.rem
                 left = 50.pct
                 transform { translate(tx = (-50).pct) }
+                zIndex = 2 // go above the wonder (1) and wonder-upgrade cards (0)
             }
             bpButtonGroup {
                 bpButton(
-- 
cgit