Add padding, background colour, other bits to fix #307.

2 files changed, 14 insertions, 1 deletions

diff --git a/web/cobrands/fixmystreet/_base.scss b/web/cobrands/fixmystreet/_base.scss
index 900f4010e..1173e3061 100644
--- a/web/cobrands/fixmystreet/_base.scss
+++ b/web/cobrands/fixmystreet/_base.scss
@@ -635,6 +635,10 @@ p.label-valid {
   }
 }
 
+#report-updates-data img {
+    float: right;
+}
+
 #report-share iframe {
     vertical-align: top;
 }
diff --git a/web/cobrands/fixmystreet/_layout.scss b/web/cobrands/fixmystreet/_layout.scss
index 5262decc6..855e453b8 100644
--- a/web/cobrands/fixmystreet/_layout.scss
+++ b/web/cobrands/fixmystreet/_layout.scss
@@ -203,7 +203,7 @@ h1 {
   margin-top: 3em;
   margin-bottom: -1em;
   margin-left: 0.5em;
-  padding: 1em 1em 3em;
+  padding: 1em 1em 10em;
   background: #fff;
   @include box-shadow(0px 0px 6px 1px #000);
 }
@@ -623,6 +623,15 @@ body.twothirdswidthpage {
   padding-top: 0;
 }
 
+// If JS is disabled, these are still CSS positioned, so don't want behind shining through.
+#report-share, #report-updates-data {
+    background-color: #fff;
+}
+// Prevent gap in non-JS, and looks better with JS, due to some padding/margin effect.
+#report-updates-data fieldset {
+    margin-bottom: 0;
+}
+
 // pokes over the RHS with a little triangle
 .big-green-banner {
   top:auto;