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 {