[Zurich] Refactory admin note styling so it can be used in print mode

See mysociety/FixMyStreet-Commercial#677

2 files changed, 46 insertions, 46 deletions

diff --git a/web/cobrands/zurich/base.scss b/web/cobrands/zurich/base.scss
index 356757716..131036229 100644
--- a/web/cobrands/zurich/base.scss
+++ b/web/cobrands/zurich/base.scss
@@ -179,6 +179,52 @@ h4.static-with-rule {
     }
 }
 
+.admin-note__text {
+    background-color: #eee;
+    padding: 0.5em 1em;
+    border-radius: 4px;
+    position: relative;
+    margin-bottom: 0.5em;
+
+    // add a little speech bubble triangle to the bottom left corner
+    &:after {
+        content: "";
+        display: block;
+        position: absolute;
+        bottom: -10px;
+        left: 10px;
+        border-top: 10px solid #eee;
+        border-left: 10px solid transparent;
+    }
+
+    .admininternal & {
+        background-color: #eef;
+
+        &:after {
+            border-top-color: #eef;
+        }
+    }
+}
+
+.admin-note__creator {
+    padding-left: 30px;
+}
+
+.admin-official-answer {
+    background-color: #1F52A3; // official Zurich blue colour
+    color: #fff;
+    padding: 0.8em 1em;
+    border-radius: 4px;
+
+    p {
+        margin-bottom: 0.5em;
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+}
+
 .ui-spinner input {
     // stop jQuery UI spinner inputs from inheriting FMS input styles
     padding: 1px;
diff --git a/web/cobrands/zurich/layout.scss b/web/cobrands/zurich/layout.scss
index 8df633d0b..07e6c1c85 100644
--- a/web/cobrands/zurich/layout.scss
+++ b/web/cobrands/zurich/layout.scss
@@ -285,52 +285,6 @@ body.mappage.admin {
     }
 }
 
-.admin-note__text {
-    background-color: #eee;
-    padding: 0.5em 1em;
-    border-radius: 4px;
-    position: relative;
-    margin-bottom: 0.5em;
-
-    // add a little speech bubble triangle to the bottom left corner
-    &:after {
-        content: "";
-        display: block;
-        position: absolute;
-        bottom: -10px;
-        left: 10px;
-        border-top: 10px solid #eee;
-        border-left: 10px solid transparent;
-    }
-
-    .admininternal & {
-        background-color: #eef;
-
-        &:after {
-            border-top-color: #eef;
-        }
-    }
-}
-
-.admin-note__creator {
-    padding-left: 30px;
-}
-
-.admin-official-answer {
-    background-color: #1F52A3; // official Zurich blue colour
-    color: #fff;
-    padding: 0.8em 1em;
-    border-radius: 4px;
-
-    p {
-        margin-bottom: 0.5em;
-
-        &:last-child {
-            margin-bottom: 0;
-        }
-    }
-}
-
 .admin {
     .content {
         margin: 2em 0 1em;