style premium buttons

src/public/css/offers.css

@@ -65,7 +65,6 @@
     flex-shrink: 0;
     margin-left: 20%;
   }
-
 }
 
 #create-offer-controls > * {
@@ -105,6 +104,24 @@
   width: 50%;
 }
 
+.premium-button {
+  background: white;
+  border: 2px solid #e1c300;
+}
+
+.premium-button:hover {
+  background: #fff8ce;
+}
+
+#button-increase-premium {
+  border-top-right-radius: 10px
+}
+
+#button-decrease-premium {
+  border-bottom-right-radius: 10px
+}
+
+
 .premium-button {
   width: 100%;
   height: 50%;

src/public/javascript/offers.js

@@ -139,7 +139,7 @@ eurAmountInput.addEventListener('input', () => {
   eurAmountInput.value = eurAmountInput.value.replace(/[^0-9]/g, '');
 });
 
-for (btcMethodCheckbox of btcMethodCheckboxes) {
+for (const btcMethodCheckbox of btcMethodCheckboxes) {
   btcMethodCheckbox.addEventListener('input', () => {
     validateBitcoinMethodCheckboxes();
   });

src/views/offers.ejs

@@ -20,10 +20,7 @@
         Crear nueva oferta
       </button>
 
-      <div
+      <div id="create-offer-controls" style="display: none">
-        id="create-offer-controls"
-        style="display: none;"
-      >
         <div id="close-offer-controls-area">
           <img
             id="close-offer-controls-x"
@@ -157,10 +154,10 @@
           </div>
         </div>
         <div id="submit-button-area">
-        <button id="button-submit-offer" class="button-primary button-large">
+          <button id="button-submit-offer" class="button-primary button-large">
-          Publicar oferta
+            Publicar oferta
-        </button>
+          </button>
-      </div>
+        </div>
       </div>
     </div>