2 files changed, 22 insertions, 103 deletions

diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index bd5020cfc..4acd7c895 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -118,7 +118,7 @@ ol.big-numbers {
       font: {
         family: $meta-font;
         weight:bold;
-        size:2.5em;
+        size:2.5rem;
       }
     }
   }
@@ -243,10 +243,6 @@ textarea {
   padding: 0.5em;
   font-size: 1em;
   line-height: 1em;
-
-  .ie7 & {
-    max-width: 95%;
-  }
 }
 
 textarea {
@@ -384,14 +380,6 @@ select.form-control {
   margin-top: 1.25em;
 }
 
-// Prevent grey displaying oddly by giving it a width, and stop odd left margin issue
-.ie7 .form-box {
-    width: 100%;
-    > input[type=text], input[type=email] {
-        margin-#{$left}: 2em;
-    }
-}
-
 .change_location {
     color: #666;
     padding-#{$left}: 20px;
@@ -563,7 +551,7 @@ ul.error {
   a:visited {
     color: #333;
   }
-  a:hover, span.hover {
+  a:hover {
     background-color: #333;
     color: #fff;
     text-decoration: none;
@@ -571,6 +559,14 @@ ul.error {
   span {
     background-color: #ccc;
   }
+  span.report-a-problem-btn {
+    cursor: pointer;
+  }
+  span.report-a-problem-btn:hover {
+    background-color: #333;
+    color: #fff;
+    text-decoration: none;
+  }
 }
 
 .shadow-wrap {
@@ -653,22 +649,6 @@ ul.error {
   }
 }
 
-//because display:table doesn't work we float
-.ie7 {
-  #key-tools {
-    background: #f5f5f5;
-
-    li {
-      float: $left;
-    }
-
-    a {
-      padding-#{$left}: 1.5em;
-      padding-#{$right}: 3em;
-    }
-  }
-}
-
 #report-updates-data img {
     float: $right;
 }
@@ -1382,16 +1362,8 @@ input.final-submit {
   #map {
     width: 100%;
     height: 100%;
-
-    // IE7 doesn't understand 100% height when the parent height is "auto",
-    // so we have to explicitly tell it to pin the element to the top and
-    // bottom of the parent. No need for an ie7-specific condition, because
-    // this makes no difference in other browsers.
-    // We keep the "height: 100%" in there to give IE7 context for the 100%
-    // height on #map's child, div.olMapViewport.
+    // Needs to be position:absolute for the mobile banners to show on top
     position: absolute;
-    top: 0;
-    bottom: 0;
   }
 }
 
diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss
index b70e646e3..e996dd123 100644
--- a/web/cobrands/sass/_layout.scss
+++ b/web/cobrands/sass/_layout.scss
@@ -132,6 +132,14 @@ h1 {
   span {
     color:$primary;
   }
+  /* Stop mobile-only things */
+  span.report-a-problem-btn {
+    cursor: auto;
+  }
+  span.report-a-problem-btn:hover {
+    background-color: transparent;
+    color: $primary;
+  }
 }
 
 // .content Is the white box
@@ -322,7 +330,7 @@ body.mappage.admin {
   // They will no longer stretch the full height of the sidebar, and the
   // width of #side-report will no longer match the width of .shadow-wrap
   // when a scrollbar is present.
-  .iel8 &,
+  .ie8 &,
   .ie9 & {
     @include clearfix();
 
@@ -420,7 +428,7 @@ body.fullwidthpage {
     }
 
 }
-.iel8 {
+.ie8 {
   body.twothirdswidthpage,
   body.fullwidthpage {
     .container .content footer a.platform-logo {
@@ -509,20 +517,6 @@ body.authpage {
   }
 }
 
-//fix table to be a block for ie, float the children
-.ie7 {
-  .tablewrapper {
-    *zoom: 1;
-    display:block;
-    >div {
-      width:48%;
-      display:block;
-      float: $left;
-      border:none !important;
-    }
-  }
-}
-
 // adds border to the top and goes full width
 .bordered {
   margin:0 -1em;
@@ -549,12 +543,6 @@ body.authpage {
 	  border-bottom:none;
   }
 }
-.ie7 {
-  #footer-mobileapps {
-      margin:0 0.5em;
-      margin-#{$right}: 2%;
-  }
-}
 
 #footer-help {
   border-#{$left}: 1em solid transparent;
@@ -569,18 +557,6 @@ body.authpage {
     }
   }
 }
-.ie7 {
-  #footer-help {
-    margin-#{$left}: 2%;
-    ul {
-      width:100%;
-      li {
-        float: $left;
-        width: 45%;
-      }
-    }
-  }
-}
 
 // Openlayers map controls (overrides)
 #fms_pan_zoom_panup,
@@ -787,7 +763,7 @@ body.authpage {
     padding-top: 0.5em;
   }
 }
-.iel8 {
+.ie8 {
   .big-green-banner {
     background-image: url(/cobrands/fixmystreet/images/chevron-white-#{$right}-on-green.gif);
   }
@@ -962,16 +938,6 @@ textarea.form-error {
       border-right: none;
   }
 }
-.ie7 #front-main {
-  #postcodeForm {
-    div {
-      input#pc {
-        height:1.5em;
-        width:16em;
-      }
-    }
-  }
-}
 
 #front-howto {
   border-#{$right}: 1em solid transparent;
@@ -994,14 +960,6 @@ textarea.form-error {
     }
   }
 }
-.ie7 {
-  #front_stats {
-    div {
-      width:8em;
-      float: $left;
-    }
-  }
-}
 
 #front-recently {
   border-#{$left}: 1em solid transparent;
@@ -1012,17 +970,6 @@ textarea.form-error {
    margin-top:0;
 }
 
-.ie7 {
-  .tablewrapper {
-    #front-howto {
-      margin-#{$right}: 2%;
-    }
-    #front-recently {
-      margin-#{$left}: 2%;
-    }
-  }
-}
-
 .alerts__columns {
     @include clearfix;
     @include flex-container();