front page progress

assets/css/_layout-top-navbar-main.scss

@@ -21,6 +21,11 @@
     max-width: 960px;
   }
 }
+.container-xl:not(.container-lg) {
+  // @include media-breakpoint-up(xl) {
+    max-width: 1140px !important;
+  // }
+}
 
 /*
  * top navbar css grid layout

assets/css/_meetings-plugin.scss

@@ -1,3 +1,4 @@
+/* 12 step meeting list (tsml) general & filter controls */
 #tsml {
   a {
     @extend a;
@@ -80,8 +81,16 @@
 
 }
 
-// for some reason this needs to be outside of the above styling
-#tsml #meetings .results table {
+/* 12 step meeting list (tsml) main table & widget table styling */
+.tsml-widget-upcoming table.tsml_next_meetings tbody tr td {
+  margin-left: .5rem;
+  &:first-of-type {
+    margin-left: 0 !important;
+  }
+}
+.tsml-widget-upcoming h2 { margin-bottom: 1rem; }
+#tsml #meetings .results table,
+.tsml-widget-upcoming table.tsml_next_meetings {
   @extend .table;
   @extend .table-dark;
   @extend .table-striped;
@@ -105,7 +114,7 @@
     }
   }
 }
-      
+
 #tsml .results {
   .alert-warning {
     background-color: #f5e2a7;

assets/css/app.scss

@@ -31,7 +31,8 @@ a {
 
 
 /* post styling */
-article.post.sticky {
+article.post.sticky,
+.rpwwt-widget li.rpwwt-sticky {
   border-radius: .25rem !important;
   background-color: shade-color($gray-800, 50%);
   border-bottom: inherit !important;
@@ -258,3 +259,50 @@ select {
 
 /* Meetings plugin styling changes */
 @import "meetings-plugin";
+
+
+/* Front page layout */
+main#fp-main > div.fp-grid {
+  display: grid !important;
+  grid-template-columns: 1fr;
+  grid-column-gap: 2rem;
+  grid-row-gap: 2rem;
+  @include media-breakpoint-up(md) {
+    grid-template-columns: 20rem auto;
+  }
+  > section.tsml-widget-upcoming.widget_tsml_widget_upcoming.widget {
+    @include media-breakpoint-up(md) {
+      grid-column-start: 1;
+      grid-row-start: 1;
+    }
+  }
+  h2.widgettitle {
+    font-size: 1.75rem;
+    font-weight: 300 !important;
+    color: $text-muted;
+    margin-bottom: 0.5rem;
+    @include media-breakpoint-up(sm) {
+      margin-bottom: 1rem;
+    }
+  }
+  .rpwwt-widget {
+    li.rpwwt-sticky {
+      padding: 0.75rem !important;
+    }
+    .rpwwt-post-title {
+      font-size: 1.4rem;
+    }
+    .rpwwt-post-date {
+      color: $text-muted;
+      font-size: smaller;
+    }
+  }
+  .tsml-widget-upcoming.widget_tsml_widget_upcoming.widget p {
+    text-align: right;
+    a {
+      @extend .btn;
+      @extend .btn-primary;
+      font-family: $font-family-handbrush;
+    }
+  }
+}

assets/js/main.js

@@ -18,9 +18,8 @@ import 'bootstrap/js/dist/dropdown';
 // import navbar burger code
 import "./_hamburger-helper";
 
-// highlight any code blocks tagged with class 'to-highlight'
+// adjust some content
 document.addEventListener('DOMContentLoaded', (event) => {
-  document.querySelectorAll('code.to-highlight').forEach((el) => {
-    hljs.highlightElement(el);
-  });
-});
+  let tsmlwidget_morelink = document.querySelector('.tsml-widget-upcoming.widget_tsml_widget_upcoming.widget p a');
+  tsmlwidget_morelink.innerHTML = 'View More Meetings'
+});