From a8fb7ea7445cfdae7214b2ffe1104d67c842de2c Mon Sep 17 00:00:00 2001
From: joffrey-bion <joffrey.bion@gmail.com>
Date: Mon, 15 Feb 2021 01:18:21 +0100
Subject: Fix transactions selector layout

Resolves:
https://github.com/joffrey-bion/seven-wonders/issues/101
---
 .../kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt   | 2 +-
 .../luxons/sevenwonders/ui/components/game/TransactionsSelector.kt    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'sw-ui/src/main')

diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt
index 92445764..6b4388e3 100644
--- a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt
+++ b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/GameStyles.kt
@@ -52,7 +52,7 @@ object GameStyles : StyleSheet("GameStyles", isStatic = true) {
 
     val transactionsSelector by css {
         backgroundColor = sandBgColor
-        width = 600.px // default is 500px, we want to fit players on the side
+        width = 40.rem // default is 500px, we want to fit players on the side
 
         children(".bp3-dialog-header") {
             background = "none" // overrides default white background
diff --git a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt
index e41c1c26..77cc97f8 100644
--- a/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt
+++ b/sw-ui/src/main/kotlin/org/luxons/sevenwonders/ui/components/game/TransactionsSelector.kt
@@ -69,14 +69,14 @@ fun RBuilder.transactionsSelectorDialog(
 private fun StyledDOMBuilder<DIV>.neighbour(player: PlayerDTO) {
     styledDiv {
         css {
-            width = 100.pct
+            width = 12.rem
 
             // center the icon
             display = Display.flex
             flexDirection = FlexDirection.column
             alignItems = Align.center
         }
-        playerInfo(player, iconSize = 40, orientation = FlexDirection.column)
+        playerInfo(player, iconSize = 40, orientation = FlexDirection.column, ellipsize = false)
     }
 }
 
-- 
cgit