diff --git a/src/public/css/offers.css b/src/public/css/offers.css index bef2a94..a7a3549 100644 --- a/src/public/css/offers.css +++ b/src/public/css/offers.css @@ -82,14 +82,15 @@ #premium-content-area { width: 80%; + height: 50px; + align-items: center; margin-left: auto; margin-right: auto; display: flex; } #premium-selector-area { - width: 23%; - margin-left: 0; + margin-left: auto; margin-right: 5%; display: flex; } @@ -130,8 +131,19 @@ #premium-price-display-area { margin-left: 0; - margin-right: 0; - width: 70%; + margin-right: auto; + font-size: 1em; + text-align: start; +} + +#premium-price-display-area > * { + margin-top: 0; + margin-bottom: 0; +} + +#market-price-paragraph { + color: gray; + font-size: 0.8em; } #amount-area-content { @@ -190,6 +202,10 @@ width: 2em; } +#at-least-one-checkbox { + color: red; +} + #submit-button-area { margin-top: 1em; margin-bottom: 1em; diff --git a/src/public/javascript/offers.js b/src/public/javascript/offers.js index 3f974bc..8d0104c 100644 --- a/src/public/javascript/offers.js +++ b/src/public/javascript/offers.js @@ -137,6 +137,7 @@ eurAmountInput.addEventListener('blur', () => { eurAmountInput.addEventListener('input', () => { eurAmountInput.value = eurAmountInput.value.replace(/[^0-9]/g, ''); + updateBtcInput(); }); for (const btcMethodCheckbox of btcMethodCheckboxes) { diff --git a/src/views/offers.ejs b/src/views/offers.ejs index 04f81b3..f8928e9 100644 --- a/src/views/offers.ejs +++ b/src/views/offers.ejs @@ -54,10 +54,11 @@
@@ -69,9 +70,9 @@ id="input-eur-amount" type="text" class="money-input input-money-amount" + placeholder="100" required - /> + />