5 files changed, 24 insertions, 5 deletions
diff --git a/templates/web/base/report/_inspect.html b/templates/web/base/report/_inspect.html
index b75394abd..a0c310ba4 100644
--- a/templates/web/base/report/_inspect.html
+++ b/templates/web/base/report/_inspect.html
@@ -1,6 +1,9 @@
 [% permissions = c.user.permissions(c, problem.bodies_str) %]
 [% second_column = BLOCK -%]
   <div id="side-inspect">
+
+    <h2 class="inspect-form-heading">[% loc('Inspect report') %]</h2>
+
     [% INCLUDE 'errors.html' %]
 
     <form id="report_inspect_form" method="post" action="[% c.uri_for( '/report', problem.id ) %]">
diff --git a/web/cobrands/oxfordshire/base.scss b/web/cobrands/oxfordshire/base.scss
index 49a1ac66c..9807acbf2 100644
--- a/web/cobrands/oxfordshire/base.scss
+++ b/web/cobrands/oxfordshire/base.scss
@@ -77,6 +77,10 @@ dd, p {
   }
 }
 
+#side-inspect {
+  background-color: #deead2; // darker version of $oxfordshire_very_light_green
+}
+
 .btn-primary {
     @include button-reset(
         $oxfordshire_button_top,
diff --git a/web/cobrands/oxfordshire/layout.scss b/web/cobrands/oxfordshire/layout.scss
index 726b298ff..048b65e80 100644
--- a/web/cobrands/oxfordshire/layout.scss
+++ b/web/cobrands/oxfordshire/layout.scss
@@ -226,10 +226,6 @@ body.mappage {
   background-color: $oxfordshire_very_light_green;
 }
 
-#side-inspect {
-  background-color: #deead2;
-}
-
 .item-list--reports h3 {
   color: $oxfordshire_link_colour;
 }
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index c89ddf342..abdd178e9 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -1848,6 +1848,18 @@ label .muted {
   }
 }
 
+// The coloured sidebar column on .with-actions pages.
+// On narrow screens, it becomes a full-width section.
+#side-inspect {
+  padding: 1em;
+  margin: 0 -1em;
+  background-color: #E9F2FF;
+}
+
+.inspect-form-heading {
+  margin-top: 0;
+}
+
 .inspect-section {
   border-top: 1px solid rgba(0, 0, 0, 0.2);
   padding-top: 1.5em;
diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index 7e022530c..afe9fdc9a 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -944,7 +944,11 @@ textarea.form-error {
 
 // The coloured sidebar column on .with-actions pages.
 #side-inspect {
-  background-color: #E9F2FF;
+    margin: 0;
+}
+
+.inspect-form-heading {
+  display: none;
 }
 
 // More general notes