Sidebar text in main body for non-JS, as map size stays same.

2 files changed, 12 insertions, 0 deletions

diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss
index 25157c0f1..d3cdca68f 100644
--- a/web/cobrands/fixmystreet/base.scss
+++ b/web/cobrands/fixmystreet/base.scss
@@ -897,6 +897,7 @@ a:hover.button-left {
     input, img {
         position: absolute;
         border: none;
+        max-width: none;
     }
     input {
         cursor: crosshair;
diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss
index a9bbb1394..a70887fbb 100644
--- a/web/cobrands/fixmystreet/layout.scss
+++ b/web/cobrands/fixmystreet/layout.scss
@@ -532,6 +532,16 @@ textarea.form-error {
   }
 }
 
+.no-js #report-a-problem-sidebar {
+  position: static;
+  width: auto;
+  @include box-shadow(rgba(0, 0, 0, 0), 0, 0, 0);
+  .sidebar-tips,
+  .sidebar-notes {
+    font-size:1em;
+  }
+}
+
 // More general sidebar notes
 .general-sidebar-notes {
   position: absolute;
@@ -778,6 +788,7 @@ body.frontpage {
   }
 
   //put the RAP notes into the main copy area
+  // Note: Also used for the non-JS case.
   #report-a-problem-sidebar {
     position: static;
     width: auto;