more visual stuff

src/public/css/offers.css

@@ -26,7 +26,6 @@
   #premium-selector-area {
     width: 100px;
   }
-  
 }
 
 #create-offer-controls > * {
@@ -81,9 +80,18 @@
   width: 70%;
 }
 
+#amount-area-content {
+  width: 30%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+
+
 .money-amount-input-area {
   padding: 0;
-  width: 10em;
+  width: 100%;
+  display: flex;
 }
 
 .money-amount-input-area > * {
@@ -95,10 +103,13 @@
 
 .input-money-amount {
   width: 75%;
+  margin: 0;
 }
 .money-amount-input-area .curr-symbol {
   background-color: #d8d8d8;
-  width: 12;
+  width: 25%;
+  margin: 0;
+  border: 1px solid gray;
 }
 
 .money-amount-input-area .curr-symbol .curr-character {

src/views/offers.ejs

@@ -63,14 +63,16 @@
           </div>
         </div>
         <div id="amount-area">
-          <p>¿Cuánto?</p>
+          <h3>¿Cuánto?</h3>
+          <div id="amount-area-content">
             <div id="eur-amount" class="money-amount-input-area">
               <input
                 id="input-eur-amount"
                 type="text"
                 class="money-input input-money-amount"
                 required
-            />
+              /><!--
+              -->
               <div id="eur-symbol" class="curr-symbol">
                 <span id="eur-character" class="curr-character">€</span>
               </div>
@@ -81,12 +83,14 @@
                 type="text"
                 class="money-input input-money-amount"
                 disabled
-            />
+              /><!--
+              -->
               <div id="sats-symbol" class="curr-symbol">
                 <span id="sats-character" class="curr-character">SAT</span>
               </div>
             </div>
           </div>
+        </div>
         <div id="bitcoin-methods-area">
           <p>¿Cómo se mueve el Bitcoin?</p>
           <label for="onchain">Onchain</label