Add inspector report detail view

Users with the `report_inspect` permission can click a new 'inspect' button on a
report page to input more detailed problem information into a new form that
appears in a column alongside the report detail.

 - Inspector data is stored in problem's 'extra' field
 - Report category/state can be edited
 - Location can be changed by dragging the pin or HTML5 geolocation
    (Factored out Zurich admin pin drag into own function)

For mysociety/fixmystreetforcouncils#22

1 files changed, 23 insertions, 0 deletions

diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index 52c6c075d..73c614e91 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -333,6 +333,29 @@ body.mappage.admin {
     }
 }
 
+// Some report pages have a second column of UI elements so make room
+body.mappage.twocols {
+  #map_box {
+    #{$left}: 58em;
+  }
+
+  #map_sidebar {
+    width: 58em;
+    padding: 0;
+
+    #side-report, #side-report-secondary {
+      width: 50%;
+      float: #{$left};
+      padding: 1em;
+      box-sizing: border-box;
+    }
+
+    #side-report-secondary {
+      background-color: #eee;
+    }
+  }
+}
+
 #map_box {
   position: absolute;
   z-index: auto;