Bugfix display of next-steps.

Missing a "&" in base selector, so wasn’t being applied,
and use flex directly on layout rather than floating.

2 files changed, 2 insertions, 8 deletions

diff --git a/web/cobrands/fixmystreet.com/base.scss b/web/cobrands/fixmystreet.com/base.scss
index 2e8e6febc..65af1272a 100644
--- a/web/cobrands/fixmystreet.com/base.scss
+++ b/web/cobrands/fixmystreet.com/base.scss
@@ -85,7 +85,7 @@ svg|g.site-logo__svg {
     }
   }
 
-  .next-steps__step--goodies {
+  .next-steps__step--goodies & {
     min-height: 37px; // stop absolutely positioned img overlapping bottom of parent element
 
     img {
diff --git a/web/cobrands/fixmystreet.com/layout.scss b/web/cobrands/fixmystreet.com/layout.scss
index c2bbd2d14..18b67b53b 100644
--- a/web/cobrands/fixmystreet.com/layout.scss
+++ b/web/cobrands/fixmystreet.com/layout.scss
@@ -203,15 +203,13 @@ body.frontpage {
 }
 
 .next-steps {
-  @include clearfix;
   @include flex-container();
   margin-bottom: 2em; // add some space between this and the footer
 }
 
 .next-steps__step {
   font-family: $body-font;
-  float: $left;
-  width: 33%;
+  flex: 1;
   padding: 1.8em;
 
   & + .next-steps__step {
@@ -230,10 +228,6 @@ body.frontpage {
   }
 }
 
-.next-steps--two .next-steps__step {
-  width: 50%;
-}
-
 body.unresponsive-council {
     .container .content {
         padding: 0;