diff options
| author | Harald Eilertsen <haraldei@anduin.net> | 2017-09-09 17:47:29 +0200 |
|---|---|---|
| committer | Harald Eilertsen <haraldei@anduin.net> | 2017-09-09 17:47:29 +0200 |
| commit | 16c477d09354fcb04aff06187efd14bf048509ec (patch) | |
| tree | 2e5e2691c85ff0e5c2f0e4c0a544c335c65c7e58 | |
| parent | 5de07c194e85fa74e7d7f2be12e99cb9acad3ccc (diff) | |
| download | norsk-urskog-registrations-16c477d09354fcb04aff06187efd14bf048509ec.tar.gz norsk-urskog-registrations-16c477d09354fcb04aff06187efd14bf048509ec.tar.bz2 norsk-urskog-registrations-16c477d09354fcb04aff06187efd14bf048509ec.zip | |
Fix styling and markup for postcode/city inputs.
| -rw-r--r-- | public/styles.css | 25 | ||||
| -rw-r--r-- | views/index.erb | 7 |
2 files changed, 28 insertions, 4 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; diff --git a/views/index.erb b/views/index.erb index fceb73b..72feb28 100644 --- a/views/index.erb +++ b/views/index.erb @@ -27,7 +27,7 @@ <input type="text" id="band_label" name="band[label]" value="<%= @band.label %>"> </div> - <div class="field text required"> + <div class="field textarea required"> <label for="band_shortbio">Kort bio:</label> <textarea id="band_shortbio" name="band[shortbio]"><%= @band.short_bio %></textarea> <div class="help"> @@ -60,14 +60,15 @@ value="<%= @band.contact.street %>"> </div> - <div class="field text required"> + <div class="field text required postcode"> <label for="band-contact-postcode">Postnr:</label> <input type="text" id="band-contact-postcode" + pattern="\d{4}" maxlength="4" name="band[contact][postcode]" value="<%= @band.contact.postcode %>"> </div> - <div class="field text required"> + <div class="field text required city"> <label for="band-contact-city">Sted:</label> <input type="text" id="band-contact-city" name="band[contact][city]" |