[EastSussex] tweaks after comments from ESCC

 - change front-page text
 - rename Category to Type
    By overriding report/new/category template snippet.  This is hacked
    in (including substitution of the "-- Pick a category --" text, as
    not sure how to simply do this as a cobrand-specific translation.
 - hide footer on mobile view
 - pothole field input and display
      This is a temporary request, which we hope will be superseded by
    full integration in due course.
      A command is documented in the cobrand to set the "extra" on the
    contact info for the Potholes category.  This is then displayed by
    the UI.  The default process_extras places it in extra, for
    potential future processing.
      As this is a temporary fix, we are calling this field
    "detail_size", as this is automatically included in "Details" and
    therefore also sent in the email.
      (This means that we may need to update data later on to call this
    "pothole_size" or similar in future?)
 - contrast tweaks (Via request from Matt Tooke at ESCC.)
   Not all handled precisely as he suggests:
    * spacing of button nav -- more or less as suggested, but tweaks for
    the <span> selected button, and reduced padding on non-frontpage.
    * sign-in buttons: fixed using CSS for .green-btn instead of adding
    HTML class throughout.
    * mobile-footer: edited <footer> css, as suggested by Dave Arter.
 - revert problematic CSS (breaks map report page)
 - Remove spurious "FixMyStreet" button
 - frontpage subheading wording

2 files changed, 54 insertions, 9 deletions

diff --git a/web/cobrands/eastsussex/base.scss b/web/cobrands/eastsussex/base.scss
index 4dc63f800..581223b60 100644
--- a/web/cobrands/eastsussex/base.scss
+++ b/web/cobrands/eastsussex/base.scss
@@ -11,6 +11,10 @@ body {
     font-size: 13px;
 }
 
+footer {
+    background: #00a1de;
+}
+
 .content {
     padding: 0 1em;
 }
@@ -47,6 +51,16 @@ h1.main {
     border-top-width: 4px;
     margin-top: -4px;
 }
+#site-header .eastsussex .header {
+    margin: 0 0 2px;
+}
+.frontpage #site-header .eastsussex .header {
+    margin: 0 0 9px;
+}
+
+.mappage .application-nav, .twothirdswidthpage .application-nav {
+    padding: 4.5px 9px;
+}
 
 // Colour tab to match colour scheme
 #nav-link {
@@ -80,6 +94,12 @@ h1.main {
     z-index: 5000;
 }
 
+.green-btn, input.green-btn, input.green-btn:hover {
+    background: #44697d;
+    font-weight: bold;
+    font-size: 1.1em;
+}
+
 #form_sign_in {
     margin-top: 1em;
 }
@@ -149,9 +169,11 @@ body > p {
     }
 }
 
+footer {
+    display: none;
+}
+
 .footer .languages ul {
-    padding: 0;
-    margin: 0;
 
     li {
         display: inline-block;
@@ -163,6 +185,23 @@ button, input[type=submit], .btn {
     text-transform: none;
 }
 
+/* as per email from Matt Tooke, we are using ESCC's .button-nav
+styling, but this doesn't dtrt with span, so adding ourselves */
+
+.button-nav span {
+    float: left;
+    display: block;
+    margin: 5px 2px 5px 0;
+    padding: 4px 10px;
+    background: #00a1de;
+    color: #fff;
+    font-weight: bold;
+    text-decoration: none;
+    white-space: nowrap;
+    border-radius: 3px;
+    border: 0;
+}
+
 .email {
     background-image: none;
 }
@@ -183,4 +222,4 @@ button, input[type=submit], .btn {
 
 #geolocate_link {
     font-size: 1.0em;
-}
\ No newline at end of file
+}
diff --git a/web/cobrands/eastsussex/layout.scss b/web/cobrands/eastsussex/layout.scss
index e4a897cc9..a6e919229 100644
--- a/web/cobrands/eastsussex/layout.scss
+++ b/web/cobrands/eastsussex/layout.scss
@@ -55,6 +55,7 @@ footer {
     }
 }
 
+
 div.form-error, p.form-error {
     display: block !important;
 }
@@ -115,10 +116,6 @@ body.frontpage {
             display: none;
         }
     }
-
-    .content {
-        margin-top: 3em;
-    }
 }
 
 #site-header {
@@ -175,8 +172,11 @@ body.frontpage {
 
 #mysociety {
     margin-top: 0;
-    padding-top: 24px;
     padding-bottom: 24px;
+
+    .container {
+        padding: 0;
+    }
 }
 
 .content {
@@ -184,7 +184,7 @@ body.frontpage {
     width: auto;
 }
 
-.content, body.twothirdswidthpage .content aside {
+body.twothirdswidthpage .content aside {
     box-shadow: 0 0 12px 0 #dae1e5;
 }
 
@@ -253,3 +253,9 @@ body.frontpage {
         top: 1em;
     }
 }
+
+@media only screen and (min-width: 48em) {
+    footer {
+        display: block;
+    }
+}