Fix styling and markup for postcode/city inputs.

1 files changed, 24 insertions, 1 deletions

diff --git a/public/styles.css b/public/styles.css
index a9ab8f9..15460bc 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -7,7 +7,11 @@ label {
     width: 8em;
     display: inline-block;
     text-align: right;
-    vertical-align: top;
+    vertical-align: baseline;
+}
+
+.textarea label {
+  vertical-align: top;
 }
 
 .member-info label,
@@ -45,6 +49,25 @@ input[type=text], textarea {
   width: 10cm;
 }
 
+.postcode input[type=text] {
+  width: 2.5em;
+}
+
+.postcode {
+  display: inline-block;
+}
+
+.city input[type=text] {
+  width: 14.5em;
+}
+.city label {
+  display: inline;
+  text-align: left;
+}
+.city {
+  display: inline-block;
+}
+
 .song-details label {
   display: inline-block;
   text-align: right;