diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less index 3fcc8929..b22ee13d 100644 --- a/client/assets/styles/styles.less +++ b/client/assets/styles/styles.less @@ -123,7 +123,7 @@ button, input { font-family: 'Jura'; color: whitesmoke; height: auto; - border-width: 0.2em; + border-width: 0.1em; border-color: @gray-exists; letter-spacing: 0.25em; box-sizing: border-box; diff --git a/client/assets/styles/vbox.less b/client/assets/styles/vbox.less index 6947d1f7..6b51f9de 100644 --- a/client/assets/styles/vbox.less +++ b/client/assets/styles/vbox.less @@ -50,6 +50,7 @@ grid-area: combiner; display: flex; flex-direction: column; + line-height: 1.3; padding: 0; @@ -59,6 +60,9 @@ } button { + line-height: 1.3; + font-size: 1.25em; + letter-spacing: 0.1em; background-color: @yellow; color: black; diff --git a/client/src/components/vbox.combiner.jsx b/client/src/components/vbox.combiner.jsx index e1514e1f..5b02b88e 100644 --- a/client/src/components/vbox.combiner.jsx +++ b/client/src/components/vbox.combiner.jsx @@ -34,12 +34,12 @@ function combinerBtn(props) { let bits = 0; storeSelect.forEach(item => bits += item[0] + 1); text = bits - ? `Buy ${comboItem} - ${bits}b` - : `Combine - ${comboItem}`; + ?

Buy
{comboItem}
{bits}b

+ :

Combine
{comboItem}

; if (vbox.bits >= bits) mouseEvent = sendVboxCombine; } else if (stashSelect.length === 0 && storeSelect.length === 1) { const item = storeSelect[0]; - text = `Buy ${vbox.free[item[0]][item[1]]} ${item[0] + 1}b`; + text =

Buy
{vbox.free[item[0]][item[1]]}
{item[0] + 1}b

; mouseEvent = vboxBuySelected; } else { for (let i = 0; i < 3; i++) {