Fix small screen CSS rules that match on a body class

diff --git a/app/assets/stylesheets/small.scss b/app/assets/stylesheets/small.scss
index 1865572..5377ca2 100644 (file)
--- a/app/assets/stylesheets/small.scss
+++ b/app/assets/stylesheets/small.scss
@@ -98,7 +98,7 @@ body.small {
     display: inline-block;
   }
 
-  .map-layout {
+  &.map-layout {
     #sidebar, #map {
       position: relative;
       overflow-x: hidden;
@@ -178,8 +178,8 @@ body.small {
 
   /* Rules for the sign-up page */
 
-  .user-new,
-  .user-create {
+  &.user-new,
+  &.user-create {
     .col6 {
       width: 100%;
     }
@@ -189,7 +189,7 @@ body.small {
     }
   }
 
-  .site-about #content .attr h1 {
+  &.site-about #content .attr h1 {
     font-size: 28px;
   }