fix responsiveness in chapter section

frontend-build/scss/modules.scss

@@ -613,6 +613,14 @@ table.ccgn-profile {
     #chapters-table {
         width: 100% !important;
     }
+    &.map-list {
+        @include breakpoint(medium only) {
+            display: block;
+        }
+        @include breakpoint(small only) {
+            display: block;
+        }
+    }
 }
 .view-switch {
     .grid-x {
@@ -768,6 +776,7 @@ table.ccgn-profile {
                 font-weight: bold;
             }
             .subtitle {
+                display: block;
                 text-transform: uppercase;
             }
             .title {

themes/cc-commoners/archive-cc_chapters.php

@@ -22,7 +22,7 @@
                     </div>
                 </div>
 
-                <div class="view-switch">
+                <div class="view-switch show-for-large">
                     <div class="grid-x align-justify">
                         <div class="cell large-3 title">
                             Switch view
@@ -33,7 +33,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="world-map view-content active" id="view-map">
+                <div class="world-map view-content active show-for-large" id="view-map">
                     <?php get_template_part('template-parts/maps/world','map'); ?>
                     <div id="world-map-info">
                         <h2 class="chapter-title"></h2>
@@ -84,7 +84,7 @@
             <div class="cell large-10">
                 <div class="chapter-stats">
                     <?php $global_stats = Commoners::stats(); ?>
-                    <div class="grid-x grid-margin-x large-up-3 medium-up-3 small-up-3">
+                    <div class="grid-x grid-margin-x large-up-3 medium-up-3 small-up-1">
                         <?php if (!empty($global_stats['total_members'])) : ?>
                             <div class="cell">
                                 <article class="stat-box">

themes/cc-commoners/assets/css/style.css

@@ -4778,6 +4778,12 @@ table.ccgn-profile {
     display: block; }
   .view-content #chapters-table {
     width: 100% !important; }
+  @media screen and (min-width: 40em) and (max-width: 63.99875em) {
+    .view-content.map-list {
+      display: block; } }
+  @media screen and (max-width: 39.99875em) {
+    .view-content.map-list {
+      display: block; } }
 
 .view-switch .grid-x {
   padding: 1rem 0;
@@ -4898,6 +4904,7 @@ table.ccgn-profile {
     line-height: 5.6rem;
     font-weight: bold; }
   .chapter-stats .cell .stat-box .subtitle {
+    display: block;
     text-transform: uppercase; }
   .chapter-stats .cell .stat-box .title {
     font-size: 2.625rem;

themes/cc-commoners/assets/js/cc-commoners-chapters.js

@@ -57,7 +57,8 @@ jQuery(document).ready(function($){
     //     console.log('MOUSE X: '+e.pageX, 'MOUSE Y: '+e.pageY);
     // });
     var chapter_table = $('#chapters-table').DataTable({
-        "lengthChange": false
+        "lengthChange": false,
+        "responsive" : true
     });
     $('.buttons').find('.button').on('click', function(e){
         e.preventDefault();