From d7b9f141abd4b6c9e99f9df1575d2b4b5a9f68a0 Mon Sep 17 00:00:00 2001
From: counterweight <counterweightoperator@protonmail.com>
Date: Mon, 24 Feb 2025 23:58:58 +0100
Subject: [PATCH] finish styling

---
 src/public/css/offers.css | 26 +++++++++++++++++++++++---
 src/public/css/seca.css   |  1 +
 src/views/offers.ejs      |  6 ++++--
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/public/css/offers.css b/src/public/css/offers.css
index f195e0c..11ee723 100644
--- a/src/public/css/offers.css
+++ b/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%;
+}
diff --git a/src/public/css/seca.css b/src/public/css/seca.css
index 86da51f..8704708 100644
--- a/src/public/css/seca.css
+++ b/src/public/css/seca.css
@@ -155,6 +155,7 @@ h1 {
 .button-large {
   font-weight: bold;
   font-size: 1.5em;
+  padding: 0.5em;
 }
 
 .invite-card {
diff --git a/src/views/offers.ejs b/src/views/offers.ejs
index 7432b8b..029d7bf 100644
--- a/src/views/offers.ejs
+++ b/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,10 +156,12 @@
             >
           </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") %>