Added a two thirds width view

Signed-off-by: Josh Angell <josh@supercooldesign.co.uk>

4 files changed, 22 insertions, 8 deletions

diff --git a/templates/web/fixmystreet/footer.html b/templates/web/fixmystreet/footer.html
index a2fdda105..fa9439e09 100644
--- a/templates/web/fixmystreet/footer.html
+++ b/templates/web/fixmystreet/footer.html
@@ -1,5 +1,5 @@
                 [% IF pagefooter %]
-                <footer id="site-footer" role="content-info">
+                <footer id="page-footer" role="content-info">
                     <p>Some footer text</p>
                 </footer>
                 [% END %]
diff --git a/templates/web/fixmystreet/reports/index.html b/templates/web/fixmystreet/reports/index.html
index 180b651ea..8e7078e1f 100755
--- a/templates/web/fixmystreet/reports/index.html
+++ b/templates/web/fixmystreet/reports/index.html
@@ -32,4 +32,4 @@
 [% END %]
 </table>
 
-[% INCLUDE 'footer.html' pagefooter = 'yes' %]
\ No newline at end of file
+[% INCLUDE 'footer.html' pagefooter => 'yes' %]
\ No newline at end of file
diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss
index c64bb1588..68534f5fd 100644
--- a/web/cobrands/fixmystreet/base.scss
+++ b/web/cobrands/fixmystreet/base.scss
@@ -580,11 +580,9 @@ p.label-valid {
   }
 }
 
-
-#site-footer {
-  border-top:3px solid $primary;
-  margin:1em -1em 0 -1em;
-  padding:1em;
+//hide page footer on mobile
+.mobile #page-footer {
+  display:none;
 }
 
 /*BUTTONS*/
diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss
index 5536cc340..1130cc61d 100644
--- a/web/cobrands/fixmystreet/layout.scss
+++ b/web/cobrands/fixmystreet/layout.scss
@@ -198,7 +198,13 @@ body.fullwidthpage {
     position: absolute;
   }
   .intro {
-    width:43em;
+    width:40em;
+  }
+}
+body.twothirdswidthpage {
+  @extend .fullwidthpage;
+  .content {
+    width:40em;
   }
 }
 
@@ -284,6 +290,16 @@ body.fullwidthpage {
   }
 }
 
+
+// page footer - style it full width
+#page-footer {
+  border-top:3px solid $primary;
+  margin:1em -1em 0 -1em;
+  padding:1em;
+}
+
+
+
 .big-green-banner {
   right:-1.25em;
   margin-left:-2em;