generalise module wrapper class

look/pages/news.less

@@ -34,7 +34,7 @@ ul.news-list, ul.event-list {
 
 body.news-index {
     // A wrapper around the 3 modules that modifies their behaviour
-    .news-module-wrapper {
+    .module-wrapper {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
@@ -44,9 +44,8 @@ body.news-index {
             // hide headlines and paragraphs
             h2 { display: none; }
             p { display: none; }
+
             .share-buttons {
-                // hide button to /news as this is the page we're on
-                .share-news { display: none; }
                 // no margin, important for mobile view
                 margin: 0;
             }
@@ -61,6 +60,14 @@ body.news-index {
             // on small screen, show full-width
             flex-grow: 2;
         }
+
+        // special rules for the wrapper on /news and the news archives
+        &.news {
+            .share-buttons {
+                // hide button to /news as this is the page we're on
+                .share-news { display: none; }
+            }
+        }
     }
 }
 

news/archive-template.en.xhtml

@@ -23,7 +23,7 @@
       </p>
     </div>
 
-    <div class="news-module-wrapper">
+    <div class="module-wrapper news">
       <module id="follow-news" />
       <module id="social-media" />
       <module id="banner-subscribe" />

news/news.en.xhtml

@@ -19,7 +19,7 @@
       </p>
     </div>
 
-    <div class="news-module-wrapper">
+    <div class="module-wrapper news">
       <module id="follow-news" />
       <module id="social-media" />
       <module id="banner-subscribe" />