improve form styles

1 files changed, 19 insertions, 2 deletions

diff --git a/static/style.css b/static/style.css
index 2574c6e..39f3685 100644
--- a/static/style.css
+++ b/static/style.css
@@ -84,15 +84,32 @@ body {
 }
 
 .form input[type="search"],
-.form select {
+.form select,
+.form-price,
+.form-price-per {
   margin-bottom: 0.5rem;
-  width: 100%;
 }
 
+.form input[type="search"],
+.form select,
 .form button {
   width: 100%;
 }
 
+.form-price {
+  display: flex;
+  gap: 1rem;
+}
+
+.form-price input {
+  flex: 1;
+  max-width: calc(50% - 0.5rem);
+}
+
+.form-price-per input {
+  vertical-align: middle;
+}
+
 .site-icon {
   display: flex;
   gap: 0.5rem;