Display military points on the left side of the wonder instead of ove…

…r it Resolves #65
joffrey-bion · Feb 20, 2021 · 77f8f1e · 77f8f1e
1 parent 2c00002
commit 77f8f1e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 11 deletions.
diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/Board.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/Board.kt
@@ -126,20 +126,24 @@ private fun RBuilder.wonderComponent(wonder: ApiWonder, military: Military) {
                     this.alt = "Wonder ${wonder.name}"
                 }
             }
-            victoryPoints(military.victoryPoints) {
+            styledDiv {
                 css {
                     position = Position.absolute
-                    top = 25.pct // below the wonder name
-                    left = 60.pct
-                    zIndex = 2 // go above the wonder, but below the table cards
+                    top = 20.pct // below the wonder name
+                    left = -(80.px)
+                    display = Display.flex
+                    flexDirection = FlexDirection.column
+                    alignItems = Align.start
                 }
-            }
-            defeatTokenCount(military.nbDefeatTokens) {
-                css {
-                    position = Position.absolute
-                    top = 25.pct // below the wonder name
-                    left = 80.pct
-                    zIndex = 2 // go above the wonder, but below the table cards
+                victoryPoints(military.victoryPoints) {
+                    css {
+                        marginBottom = 5.px
+                    }
+                }
+                defeatTokenCount(military.nbDefeatTokens) {
+                    css {
+                        marginTop = 5.px
+                    }
                 }
             }
             wonder.stages.forEachIndexed { index, stage ->

diff --git a/sw-ui/src/main/resources/images/tokens/military/defeat1.png b/sw-ui/src/main/resources/images/tokens/military/defeat1.png