diff --git a/client/assets/styles/vbox.less b/client/assets/styles/vbox.less index 8534d374..a48ebad0 100644 --- a/client/assets/styles/vbox.less +++ b/client/assets/styles/vbox.less @@ -17,8 +17,8 @@ .store { grid-area: store; - border-right: 0.2em solid @gray-exists; - border-top: 0.2em solid @gray-exists; + border-right: 0.1em solid @gray; + border-top: 0.1em solid @gray; } .store-hdr { @@ -27,8 +27,12 @@ flex-flow: column; text-align: center; - border-left: 0.2em solid @gray-exists; - border-top: 0.2em solid @gray-exists; + border-left: 0.1em solid @gray; + border-top: 0.1em solid @gray; + + h1 { + margin-bottom: 0; + } button { margin: 1em 0 0 0; @@ -60,7 +64,7 @@ border-radius: 0; border: 0; &[disabled] { - border: 0.2em solid @gray-exists; + border: 0.1em solid @gray; border-left: 0; }; @@ -75,7 +79,7 @@ grid-gap: 0.5em 1em; align-items: center; - border: 0.2em solid @gray-exists; + border: 0.1em solid @gray; border-left: 0; } @@ -86,7 +90,7 @@ grid-area: stash-hdr; text-align: center; - border: 0.2em solid @gray-exists; + border: 0.1em solid @gray; border-right: 0; h3 { @@ -162,7 +166,7 @@ } button { - height: 4.5em; + height: 3.5em; margin: 0; width: 100%; diff --git a/client/src/components/vbox.combiner.jsx b/client/src/components/vbox.combiner.jsx index 48277f3e..e1514e1f 100644 --- a/client/src/components/vbox.combiner.jsx +++ b/client/src/components/vbox.combiner.jsx @@ -34,7 +34,7 @@ function combinerBtn(props) { let bits = 0; storeSelect.forEach(item => bits += item[0] + 1); text = bits - ? `${comboItem} - ${bits}b` + ? `Buy ${comboItem} - ${bits}b` : `Combine - ${comboItem}`; if (vbox.bits >= bits) mouseEvent = sendVboxCombine; } else if (stashSelect.length === 0 && storeSelect.length === 1) { diff --git a/client/src/components/vbox.component.jsx b/client/src/components/vbox.component.jsx index 9d3f124c..e51b94be 100644 --- a/client/src/components/vbox.component.jsx +++ b/client/src/components/vbox.component.jsx @@ -182,7 +182,7 @@ class Vbox extends preact.Component { onMouseOver={e => vboxHover(e, 'store')}> STORE