finish styling

src/public/css/offers.css

@@ -7,10 +7,18 @@
     width: 25px;
   }
 
+  .button-group button {
+    max-width: 30%;
+  }
+
   #premium-selector-area {
     width: 60px;
   }
 
+  #amount-area-content {
+    width: 50%;
+  }
+
   #create-offer-controls > * {
     width: 100%;
   }
@@ -39,9 +47,13 @@
     width: 100px;
   }
 
+  #amount-area-content {
+    width: 33%;
+  }
+
   #create-offer-controls > * {
-    margin-left: 15%;
-    margin-right: 15%;
+    margin-left: auto;
+    margin-right: auto;
     width: 70%;
   }
 
@@ -53,6 +65,7 @@
     flex-shrink: 0;
     margin-left: 20%;
   }
+
 }
 
 #create-offer-controls > * {
@@ -105,7 +118,6 @@
 }
 
 #amount-area-content {
-  width: 30%;
   margin-left: auto;
   margin-right: auto;
 }
@@ -161,3 +173,11 @@
   width: 2em;
 }
 
+#submit-button-area {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+#button-submit-offer {
+  width: 33%;
+}

src/public/css/seca.css

@@ -155,6 +155,7 @@ h1 {
 .button-large {
   font-weight: bold;
   font-size: 1.5em;
+  padding: 0.5em;
 }
 
 .invite-card {

src/views/offers.ejs

@@ -22,7 +22,7 @@
 
       <div
         id="create-offer-controls"
-        style="display: none; border: 1px solid purple"
+        style="display: none;"
       >
         <div id="close-offer-controls-area">
           <img
@@ -156,11 +156,13 @@
             >
           </div>
         </div>
-        <button id="button-submit-offer" class="button-primary" disabled>
+        <div id="submit-button-area">
+        <button id="button-submit-offer" class="button-primary button-large">
           Publicar oferta
         </button>
       </div>
       </div>
+    </div>
 
     <%- include("partials/appCommonScripts") %>
     <script src="/javascript/offers.js"></script>