Match default module layout to table layout

_includes/module_table.html

@@ -7,7 +7,7 @@
   <tbody>
     {% for day in include.module.days %}
     <tr>
-      <td>{{ day.date | date: '%a %m/%d' }}</td>
+      <td>{{ day.date | date: '%b %e' }}</td>
       <td>{{ day.topic | markdownify | remove: '<p>' | remove: '</p>' }}</td>
       <td>{{ day.description | markdownify | remove: '<p>' | remove: '</p>' }}</td>
     </tr>

_layouts/module.html

 <section class="module">
-  <h3 class="module-header">{{ page.title }}</h3>
-  <div class="module-body">
-    {{ content }}
-  </div>
+  <h2 class="module-header">{{ page.title }}</h2>
+  {% if page.days %}
   <div class="module-deck">
     {% for day in page.days %}
     <div class="module">
+      <div class="module-date">{{ day.date | date: '%b %e' }}</div>
       <div class="module-header">
         {{ day.topic | markdownify | remove: '<p>' | remove: '</p>' }}
       </div>
       <div class="module-body">
-        <span class="module-date">{{ day.date | date: '%-m/%-d' }}</span>
         {{ day.description | markdownify }}
       </div>
     </div>
     {% endfor %}
   </div>
+  {% endif %}
+  <div class="module-body">
+    {{ content }}
+  </div>
 </section>

_sass/custom/card.scss

@@ -36,27 +36,10 @@
   display: flex;
   flex-direction: column;
 
-  @include mq(lg) {
-    flex-flow: row wrap;
-  }
-
   .card {
     border-radius: 0;
     border-bottom: $border $border-color;
     box-shadow: none;
     margin-bottom: 0;
-
-    @include mq(lg) {
-      border-bottom: none;
-      border-right: $border $border-color;
-
-      &:last-child {
-        border-right: none;
-      }
-    }
-
-    &:last-child {
-      border-bottom: none;
-    }
   }
 }

_sass/custom/mixins.scss

@@ -15,6 +15,6 @@
   h4,
   h5,
   h6 {
-    margin: $sp-2 0 0;
+    margin: $sp-2 0;
   }
 }

_sass/custom/module.scss

@@ -2,24 +2,17 @@
   @extend .card;
 }
 
+.module-date {
+  @extend .card-header;
+  flex: 0 0 12.5%;
+}
+
 .module-header {
   @extend .card-header;
 }
 
 .module-body {
   @extend .card-body;
-
-  .module-date {
-    @extend .label, .fw-700;
-    background-color: $module-date-color;
-  }
-
-  span.module-date {
-    border-radius: $border-radius;
-    margin-left: 0;
-    padding-bottom: 0.08em;
-    white-space: nowrap;
-  }
 }
 
 .module-deck {
@@ -42,4 +35,17 @@
     @extend .fs-3;
     display: inline;
   }
+
+  .module {
+    flex-direction: row;
+
+    .module-header,
+    .module-body {
+      flex: 1;
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
 }