Tidy up a bit of CSS.

3 files changed, 15 insertions, 18 deletions

diff --git a/web/cobrands/fiksgatami/css.scss b/web/cobrands/fiksgatami/css.scss
index aa09b024a..f0a9bc91c 100644
--- a/web/cobrands/fiksgatami/css.scss
+++ b/web/cobrands/fiksgatami/css.scss
@@ -15,7 +15,7 @@ $header_darker: #0a3f6f;
         width: 6em;
     }
 
-    #fieldset div.checkbox, #problem_submit {
+    .fieldset div.checkbox, #problem_submit {
         padding-left: 6.5em;
     }
 
diff --git a/web/css/core.scss b/web/css/core.scss
index 71e290d5c..6186f8965 100644
--- a/web/css/core.scss
+++ b/web/css/core.scss
@@ -1,12 +1,5 @@
 $map_width: 500px;
 
-@mixin problem-banner {
-    margin: 0 $map_width + 30px 1em 0;
-    padding: 5px;
-    text-align: center;
-    position: relative;
-}
-
 // Generics
 
 #mysociety {
@@ -168,7 +161,7 @@ $map_width: 500px;
         width: 5em;
     }
 
-    fieldset, #fieldset {
+    fieldset, .fieldset {
         border: none;
         padding: 0.5em;
         div {
@@ -181,10 +174,10 @@ $map_width: 500px;
         display: none;
     }
 
-    #fieldset div.checkbox, #problem_submit {
+    .fieldset div.checkbox, #problem_submit {
         padding-left: 5.5em;
     }
-    #fieldset div.checkbox label, label.n {
+    .fieldset div.checkbox label, label.n {
         float: none;
         text-align: left;
         padding-right: 0;
@@ -212,7 +205,7 @@ $map_width: 500px;
         margin-bottom: 1em;
     }
 
-    #form_sign_in_no, #fieldset #form_sign_in_no {
+    #form_sign_in_no, .fieldset #form_sign_in_no {
         float: right;
         width: 47%;
         padding-left: 1%;
@@ -283,8 +276,14 @@ $map_width: 500px;
         cursor: crosshair;
     }
 
+    .banner {
+        margin: 0 $map_width + 30px 1em 0;
+        padding: 5px;
+        text-align: center;
+        position: relative;
+    }
+
     #text_map {
-        @include problem-banner;
         padding-left: 0.5em;
         text-align: left;
         margin-top: 0;
@@ -326,25 +325,21 @@ $map_width: 500px;
     // Problem pages
 
     #fixed {
-        @include problem-banner;
         background-color: #ccffcc;
         border: solid 2px #009900;
     }
 
     #unknown {
-        @include problem-banner;
         background-color: #ffcccc;
         border: solid 2px #990000;
     }
 
     #closed {
-        @include problem-banner;
         background-color: #ccccff;
         border: solid 2px #000099;
     }
 
     #progress {
-        @include problem-banner;
         background-color: #ffffcc;
         border: solid 2px #999900;
     }
@@ -618,7 +613,7 @@ $map_width: 500px;
             margin-bottom: 1em;
         }
 
-        #form_sign_in_no, #fieldset #form_sign_in_no {
+        #form_sign_in_no, .fieldset #form_sign_in_no {
             float: none;
             width: auto;
             padding-left: 0;
diff --git a/web/js/fixmystreet.js b/web/js/fixmystreet.js
index b67c4d74b..6a11a5832 100644
--- a/web/js/fixmystreet.js
+++ b/web/js/fixmystreet.js
@@ -5,6 +5,8 @@
 
 $(function(){
 
+    $('html').removeClass('no-js').addClass('js');
+
     $('#pc').focus();
 
     $('input[type=submit]').removeAttr('disabled');