[East Sussex] map and nav cosmetics

 - Use East Sussex-specific position_map.js
 - Display map correctly on desktop
 - Increase default zoom level and use correct grammar for postcode box
 - Tidy up default font size and center elements on postcode form
 - Correctly position report form, allow links in sidebar to be seen
 - Make map guidance text visible on mobile
 - Fix display of site header across all pages
 - More sidebar/header fixes
 - Override some text on the report sidebar to be more friendly
 - Remove unused images
 - Use breadcrumb bar for main nav on desktop
 - Restore correct background colour to footer
 - Tighten up vertical spacing on all pages
 - Slacken vertical spacing on home page
 - Stop the sidebar clobbering the footer
 - Tidy up menu display
 - Ensure form errors are shown properly
 - Add greeting and 'sign out' link to appropriate place
 - Ensure correct width is used on IE8
 - Make 'home' breadcrumb a span instead of a link
 - Hide top 4px border on mobile
 - Remove breadcrumb styling from FMS nav
 - Use ellipsis and correct capitalization on confirm page
 - Don't uppercase all button labels
 - Hide email icon in email fields
 - Don't italicise input placeholder text
 - Use correct font family, alignment and size for various elements
 - Correct box shadow, fix pin alignment, various UI fixes
 - Ensure font size isn't too small. Fix header on wide but small screens
 - Don't adjust .content height for East Sussex pages

5 files changed, 103 insertions, 22 deletions

diff --git a/templates/web/eastsussex/email_sent.html b/templates/web/eastsussex/email_sent.html
new file mode 100644
index 000000000..f64a3cd64
--- /dev/null
+++ b/templates/web/eastsussex/email_sent.html
@@ -0,0 +1,34 @@
+[% INCLUDE 'header.html', bodyclass = 'twothirdswidthpage', title = loc('Create a report') %]
+
+<h1>[% loc("Nearly done! Now check your email&hellip;") %]</h1>
+
+[% IF c.cobrand.moniker != 'zurich' %]
+    <p>[% loc("The confirmation email <strong>may</strong> take a few minutes to arrive &mdash; <em>please</em> be patient.") %]</p>
+[% END %]
+
+<p>[% loc("If you use web-based email or have 'junk mail' filters, you may wish to check your bulk/spam mail folders: sometimes, our messages are marked that way.") %]</p>
+
+[% IF c.cobrand.moniker != 'zurich' %]
+    <p>
+    [% loc("You must now click the link in the email we've just sent you.") %]
+    [% IF email_type == 'problem' %]
+        [% loc("If you do not, your problem will not be posted.") %]
+    [% ELSIF email_type == 'update' %]
+        [% loc("If you do not, your update will not be posted.") %]
+    [% ELSIF email_type == 'alert' %]
+        [% loc("If you do not, your alert will not be activated.") %]
+    [% END %]
+    </p>
+
+    <p>
+    [% IF email_type == 'problem' %]
+        [% loc("(Don't worry &mdash; we'll hang on to your problem report while you're checking your email.)") %]
+    [% ELSIF email_type == 'update' %]
+        [% loc("(Don't worry &mdash; we'll hang on to your update while you're checking your email.)") %]
+    [% ELSIF email_type == 'alert' %]
+        [% loc("(Don't worry &mdash; we'll hang on to your alert while you're checking your email.)") %]
+    [% END %]
+    </p>
+[% END %]
+
+[% INCLUDE 'footer.html' %]
diff --git a/templates/web/eastsussex/footer.html.template b/templates/web/eastsussex/footer.html.template
index f561aff40..e98ea7168 100644
--- a/templates/web/eastsussex/footer.html.template
+++ b/templates/web/eastsussex/footer.html.template
@@ -7,28 +7,26 @@
     <div class="nav-wrapper clearfix">
         <div class="main-menu-wrapper">
             <div class="main-menu">
-            <ul class="clearfix" id="mobile-menu">
-                <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
-                    >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
-                    %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
-                    %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
-                %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
-                    %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
-                %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
-                    %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
-            </ul>
+                <ul class="clearfix" id="mobile-menu">
+                    <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
+                        >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
+                    %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
+                        %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
+                    %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
+                        %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
+                    %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
+                        %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
+                    %]<li><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
+                        %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
+                    [% IF c.user_exists %]
+                        <li>
+                            [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
+                            <a href="/auth/sign_out">[% loc('sign out') %]</a>
+                        </li>
+                    [% END %]
+                </ul>
             </div>
         </div>
-        <div class="sign-in">
-            [% IF c.user_exists %]
-                <p>
-                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
-                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
-                </p>
-            [% END %]
-        </div>
     </div>
 </div>
 
diff --git a/templates/web/eastsussex/header.html.template b/templates/web/eastsussex/header.html.template
index 8b60779fa..c7fda68f4 100644
--- a/templates/web/eastsussex/header.html.template
+++ b/templates/web/eastsussex/header.html.template
@@ -10,7 +10,7 @@
         <link rel="stylesheet" href="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/layout.css') %]">
     <![endif]-->
 
-    <script src="[% start %][% version('/cobrands/fixmystreet/position_map.js') %]" charset="utf-8"></script>
+    <script src="[% start %][% version('/cobrands/' _ c.cobrand.moniker _ '/position_map.js') %]" charset="utf-8"></script>
     [% INCLUDE 'common_header_tags.html', js_override = '/cobrands/fixmystreet/fixmystreet.js', site_title = c.cobrand.site_title %]
     [% extra_js %]
 
@@ -23,7 +23,35 @@
 
 <body id="eastsussex-gov-uk" class="[% bodyclass | html IF bodyclass %]">
 
-{HeaderDesktop}
+<div id="site-header">
+    {HeaderDesktop}
+
+    <div class="container" id="nav-container">
+        <nav id="breadcrumb_breadcrumbTrail">
+            <ol class="breadcrumb screen large">
+                <li>
+                    <a href="/">FixMyStreet</a>
+                </li>
+                <li class="home"><[% IF c.req.uri.path == '/' %]span[% ELSE %]a href="/"[% END %] class="report-a-problem-btn"
+                    >[% "Report" %]</[% c.req.uri.path == '/' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) %]span[% ELSE %]a href="/my"[% END
+                    %]>[% loc("Your reports") %]</[% ( c.req.uri.path == '/my' OR ( c.req.uri.path == '/auth' AND c.req.params.r == 'my' ) ) ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/reports/East+Sussex' %]span[% ELSE %]a href="/reports/East+Sussex"[% END
+                    %]>[% loc("All reports") %]</[% c.req.uri.path == '/reports' ? 'span' : 'a' %]></li>[%
+                %]<li><[% IF c.req.uri.path == '/alert' %]span[% ELSE %]a href="/alert[% pc ? '/list?pc=' : '' %][% pc | uri %]"[% END
+                    %]>[% loc("Local alerts") %]</[% c.req.uri.path == '/alert' ? 'span' : 'a' %]></li>[%
+                %]<li class="last"><[% IF c.req.uri.path == '/faq' %]span[% ELSE %]a href="/faq"[% END
+                    %]>[% loc("Help") %]</[% c.req.uri.path == '/faq' ? 'span' : 'a' %]></li>
+            </ol>
+            [% IF c.user_exists %]
+                <div class="sign-in large">
+                    [% tprintf(loc('Hi %s'), c.user.name || c.user.email) %]
+                    <a href="/auth/sign_out">[% loc('sign out') %]</a>
+                </div>
+            [% END %]
+        </nav>
+    </div>
+</div>
 
 <div class="wrapper" id="wrapper"><div id="wrapper2"><div id="wrapper3">
     <div id="mysociety" role="main" class="body">
diff --git a/templates/web/eastsussex/report/new/fill_in_details_text.html b/templates/web/eastsussex/report/new/fill_in_details_text.html
new file mode 100644
index 000000000..3f967a72a
--- /dev/null
+++ b/templates/web/eastsussex/report/new/fill_in_details_text.html
@@ -0,0 +1,10 @@
+[%
+    IF area_ids_to_list.size != 0;
+        loc('East Sussex County Council won&rsquo;t be able to help unless you leave as much detail as you can. Please describe the exact location of the problem (e.g. on a wall), what it is, how long it has been there, a description (and a photo of the problem if you have one), etc.');
+        IF category_extras;
+            ' ' _ loc('Some categories may require additional information.');
+        END;
+    ELSE;
+        loc('Please fill in details of the problem below.');
+    END;
+%]
diff --git a/templates/web/eastsussex/report/new/notes.html b/templates/web/eastsussex/report/new/notes.html
new file mode 100644
index 000000000..c29925925
--- /dev/null
+++ b/templates/web/eastsussex/report/new/notes.html
@@ -0,0 +1,11 @@
+<p>[% loc("Please note:") %]</p>
+
+<ul class="plain-list">
+    <li>[% loc("We will only use your personal information in accordance with our <a href=\"/privacy\">privacy policy.</a>") %]</li>
+  [% IF c.cobrand.moniker != 'zurich' %]
+    <li>[% loc("Please be polite, concise and to the point.") %]</li>
+    <li>[% loc("Please do not be abusive&nbsp;&mdash; abusing your council devalues the service for all users.") %]</li>
+    <li>[% loc("Writing your message entirely in block capitals makes it hard to read, as does a lack of punctuation.") %]</li>
+  [% END %]
+    <li>[% loc("Remember that FixMyStreet is primarily for reporting physical problems that can be fixed. If your problem is not appropriate for submission via this site remember that you can contact us directly using our website <a href=\"http://www.eastsussex.gov.uk\">eastsussex.gov.uk</a>.") %]</li>
+</ul>