[Oxfordshire] Include urgent problem message above form on mobile.

3 files changed, 13 insertions, 10 deletions

diff --git a/templates/web/oxfordshire/report/new/form_heading.html b/templates/web/oxfordshire/report/new/form_heading.html
new file mode 100644
index 000000000..a561c7efb
--- /dev/null
+++ b/templates/web/oxfordshire/report/new/form_heading.html
@@ -0,0 +1,3 @@
+<div class="extra-text mob-only">
+    <p>Please do not use this form for reporting <a href="/faq#pothole" target="_blank">emergencies and urgent problems</a>.</p>
+</div>
diff --git a/web/cobrands/oxfordshire/base.scss b/web/cobrands/oxfordshire/base.scss
index f3e1c9bbe..bd990bfd1 100644
--- a/web/cobrands/oxfordshire/base.scss
+++ b/web/cobrands/oxfordshire/base.scss
@@ -81,6 +81,16 @@ dd, p {
     background-color: mix(#fff, $primary, 85%);
 }
 
+.extra-text {
+  padding: 1em;
+  margin: 0 -1em;
+  border-bottom: 1px solid $oxfordshire_mid_grey_green;
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
 @media print {
     body {
         background-color: #fff !important;
diff --git a/web/cobrands/oxfordshire/layout.scss b/web/cobrands/oxfordshire/layout.scss
index ff5a2c009..92adcc78e 100644
--- a/web/cobrands/oxfordshire/layout.scss
+++ b/web/cobrands/oxfordshire/layout.scss
@@ -118,16 +118,6 @@ body.mappage {
     padding-right: 0;
   }
 
-  .extra-text {
-    padding: 1em;
-    margin: 0 -1em;
-    border-bottom: 1px solid $oxfordshire_mid_grey_green;
-
-    p:last-child {
-      margin-bottom: 0;
-    }
-  }
-
   .full-width {
     width: auto;
   }