diff options
| author | Matthew Somerville <matthew@mysociety.org> | 2012-03-29 18:55:29 +0100 |
|---|---|---|
| committer | Matthew Somerville <matthew@mysociety.org> | 2012-03-29 18:55:29 +0100 |
| commit | f55aad45ec239448db48813ab5de41c77e220e51 (patch) | |
| tree | c227f34907c1bf0a552c3533c42946750651dc9a | |
| parent | f81ca67e14731d2c919dbc1e2351c03040077019 (diff) | |
Nicer around error page.
| -rw-r--r-- | templates/web/fixmystreet/around/around_index.html | 45 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/_base.scss | 7 |
2 files changed, 30 insertions, 22 deletions
diff --git a/templates/web/fixmystreet/around/around_index.html b/templates/web/fixmystreet/around/around_index.html index 331f34325..d91ba928a 100644 --- a/templates/web/fixmystreet/around/around_index.html +++ b/templates/web/fixmystreet/around/around_index.html @@ -1,34 +1,37 @@ -[% INCLUDE 'header.html', title => loc('Reporting a problem'), bodyclass => 'mappage' %] - -[% - # NOTE ON PARTIAL REPORTS: - # - # partial reports get a bit of extra text added, the form goes to - # '/report/new' and the partial hidden field is added to the form. -%] - +[% pre_container_extra = BLOCK %] +<div id="front-main"><div id="front-main-container"> [% question = c.cobrand.enter_postcode_text() || loc("Enter a nearby GB postcode, or street name and area"); %] - <form action="[% c.uri_for('/around') %]" method="get" name="postcodeForm" id="postcodeForm"> - <fieldset> - <label for="pc">[% question %]:</label> + <label for="pc">[% question %]:</label> + <div> <input type="text" name="pc" value="[% pc | html %]" id="pc" size="10" maxlength="200"> - <input class="green-btn final-submit" type="submit" value="[% loc('Go') %]" id="submit"> + <input type="submit" value="[% loc('Go') %]" id="submit"> + </div> - [% IF partial_token %] - <input type="hidden" name="partial" value="[% partial_token.token %]"> - [% END %] - </fieldset> + [% IF partial_token %] + <input type="hidden" name="partial" value="[% partial_token.token %]"> + [% END %] </form> +</div></div> +[% END %] + +[% INCLUDE 'header.html', title = loc('Reporting a problem'), bodyclass = 'frontpage fullwidthpage' %] + +[% + # NOTE ON PARTIAL REPORTS: + # + # partial reports get a bit of extra text added, the form goes to + # '/report/new' and the partial hidden field is added to the form. +%] [% IF location_offshore %] - <p class="error">[% loc('That spot does not appear to be covered by a council. If you have tried to report an issue past the shoreline, for example, please specify the closest point on land.') %]</p> + <p class="form-error">[% loc('That spot does not appear to be covered by a council. If you have tried to report an issue past the shoreline, for example, please specify the closest point on land.') %]</p> [% ELSIF location_error %] - <p class="error">[% location_error %]</p> + <p class="form-error">[% location_error %]</p> [% END %] [% IF possible_location_matches %] @@ -43,10 +46,8 @@ [% IF partial_token %] <p style="margin-top: 0; color: #cc0000;"> <img align="right" src="/photo/[% partial_report.id %].jpeg" hspace="5"> - [% loc("Thanks for uploading your photo. We now need to locate your problem, so please enter a nearby street name or postcode in the box below :") %] + [% loc("Thanks for uploading your photo. We now need to locate your problem, so please enter a nearby street name or postcode in the box above :") %] </p> [% END %] - - [% INCLUDE 'footer.html' %] diff --git a/web/cobrands/fixmystreet/_base.scss b/web/cobrands/fixmystreet/_base.scss index 9d09d5c69..7c50115c1 100644 --- a/web/cobrands/fixmystreet/_base.scss +++ b/web/cobrands/fixmystreet/_base.scss @@ -351,6 +351,13 @@ p.form-error { padding:0 0.5em; margin:0 0 0 -0.5em; @include border-radius(0.25em 0.25em 0 0); + a { + color: white; + text-decoration: underline; + } + a:hover { + text-decoration: none; + } } input.form-error, |