[Zurich] Improve report print styles

 - also remove 10px gap from left hand side of logo on screen

3 files changed, 54 insertions, 3 deletions

diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index 1a13972e4..7917c4a46 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -1009,6 +1009,13 @@ input.final-submit {
   }
 }
 
+// The map's static image fallback is visible by default.
+// Hide it if javascript has loaded. (We show it again when
+// the page is printed.)
+html.js #map .noscript {
+  display: none;
+}
+
 // OpenLayers fix for navigation being top right
 // Left and right so that zoom can be left, pan right.
 #fms_pan_zoom {
@@ -1735,5 +1742,43 @@ table.nicetable {
 }
 
 
+@media print {
+  body {
+    padding: 3em;
+  }
+
+  #main-nav,
+  #nav-link,
+  .admin-nav,
+  .olControlAttribution,
+  .olControlPanZoom,
+  #sub_map_links,
+  #fms_pan_zoom,
+  .report-edit-action,
+  .olMapViewport {
+    display: none !important;
+  }
+
+  #map_box {
+    position: static !important;
+    height: 256px !important;
+    width: auto !important;
+    background: #f1eee9 !important; // cream colour to match OSM image
+  }
+
+  #map {
+    -webkit-transform: scale(0.5);
+    -ms-transform: scale(0.5);
+    transform: scale(0.5);
+    -webkit-transform-origin: 0 0;
+    -ms-transform-origin: 0 0;
+    transform-origin: 0 0;
+  }
+
+  html.js #map .noscript {
+    display: block;
+  }
+}
+
 @import "_admin";
 @import "_fixedthead";
diff --git a/web/cobrands/zurich/base.scss b/web/cobrands/zurich/base.scss
index 559d97a27..10eed0b11 100644
--- a/web/cobrands/zurich/base.scss
+++ b/web/cobrands/zurich/base.scss
@@ -178,3 +178,12 @@ h4.static-with-rule {
         }
     }
 }
+
+@media print {
+    #site-header .container {
+        position: relative;
+    }
+    #site-logo {
+        top: 0;
+    }
+}
diff --git a/web/cobrands/zurich/layout.scss b/web/cobrands/zurich/layout.scss
index d22d753ca..d0b24b49c 100644
--- a/web/cobrands/zurich/layout.scss
+++ b/web/cobrands/zurich/layout.scss
@@ -111,9 +111,6 @@ body.mappage {
         padding-top: 18px;
         background: #fff url(logo_portal.x.jpg) top left repeat-x;
     }
-    #site-logo {
-        margin-left: 10px;
-    }
     .content {
       margin-top: 1em;
     }