Add mediaquery styles for twothirdswidthpage and sidebar

Signed-off-by: Josh Angell <josh@supercooldesign.co.uk>

1 files changed, 20 insertions, 6 deletions

diff --git a/web/cobrands/fixmystreet/layout.scss b/web/cobrands/fixmystreet/layout.scss
index c00e1229f..a843efb9c 100644
--- a/web/cobrands/fixmystreet/layout.scss
+++ b/web/cobrands/fixmystreet/layout.scss
@@ -303,12 +303,12 @@ body.twothirdswidthpage {
       width:13em;
       padding:1em;
       @include box-shadow(0px 0px 6px 1px #000);
-    }
-    aside h2 {
-      margin-top: 0;
-    }
-    aside img {
-      margin-bottom: 0.25em;
+      h2 {
+        margin-top: 0;
+      }
+      img {
+        margin-bottom: 0.25em;
+      }
     }
     .sticky-sidebar {
       position: absolute;
@@ -1017,4 +1017,18 @@ body.frontpage {
     width: auto;
   }
 
+  //make twothirdswidthpage nearly as small as main
+  //.content: just enough to still fit the sidebar in
+  body.twothirdswidthpage {
+    .content {
+      width:30em;
+      .sticky-sidebar {
+        left:32em;
+        top:30em;
+        aside {
+          top:9em;
+        }
+      }
+    }
+  }
 }