UI updates

app/views/components/page-sidebar.pug

@@ -24,7 +24,7 @@ mixin renderPageSidebar ( )
   //- Announcements
   //-
   if Array.isArray(announcements) && (announcements.length > 0)
-    ul.uk-list.uk-margin
+    ul.uk-list.uk-margin-medium
       each announcement in announcements
         li
           +renderAnnouncement(announcement)
@@ -33,7 +33,7 @@ mixin renderPageSidebar ( )
   //- Shing.tv Channel Integration
   //-
   if isLive
-    .uk-margin
+    .uk-margin-medium
       +renderSectionTitle('Live Now!', {
         label: 'Tune In',
         title: shingChannelStatus.name,
@@ -63,7 +63,7 @@ mixin renderPageSidebar ( )
   //- Shing.tv Channel Feed
   //-
   if shingChannelFeed && Array.isArray(shingChannelFeed.items) && (shingChannelFeed.items.length > 0)
-    .uk-margin
+    .uk-margin-medium
       +renderSectionTitle(shingChannelFeed.title, {
         label: 'Tune In',
         title: shingChannelFeed.title,
@@ -76,15 +76,19 @@ mixin renderPageSidebar ( )
               .uk-card.uk-card-default.uk-card-small
                 img(src= item.image.url, width="640", height="360", alt=`Thumbnail image for ${item.title}`).responsive
                 .uk-card-body
-                  .uk-text-bold.uk-text-truncate= item.title
-                  .uk-text-small= moment(item.date_modified).format("MMM DD YYYY hh:mm a")
-                  //- .uk-text-small!= item.summary
-                  pre= JSON.stringify(item, null, 2)
+                  div(uk-grid).uk-grid-small
+                    .uk-width-auto
+                      img(src=`https://${dtp.services.venue.soapboxDomain}/channel/${site.shingChannelSlug}/app-icon?s=48`)
+                    .uk-width-expand
+                      .uk-text-bold.uk-text-truncate= item.title
+                      .uk-text-small= moment(item.date_modified).format("MMM DD YYYY hh:mm a")
+                      //- .uk-text-small!= item.summary
+
   //-
   //- Gab TV channel integration
   //-
   if gabTvChannel
-    .uk-margin
+    .uk-margin-medium
       +renderSectionTitle('Gab TV', {
         label: 'Visit Channel',
         title: gabTvChannel.title,
@@ -99,22 +103,23 @@ mixin renderPageSidebar ( )
   //- Newsroom Integration
   //-
   if newsfeed
-    +renderSectionTitle('Newsfeed', {
-      label: 'See All',
-      title: 'Browse all news feeds',
-      url: '/newsroom',
-    })
-    .sidebar-widget
-      if Array.isArray(newsfeed.entries) && (newsfeed.entries.length > 0)
-        ul.uk-list
-          each entry in newsfeed.entries
-            li
-              +renderNewsroomFeedEntryListItem(entry)
+    .uk-margin-medium
+      +renderSectionTitle('Newsfeed', {
+        label: 'See All',
+        title: 'Browse all news feeds',
+        url: '/newsroom',
+      })
+      .sidebar-widget
+        if Array.isArray(newsfeed.entries) && (newsfeed.entries.length > 0)
+          ul.uk-list
+            each entry in newsfeed.entries
+              li
+                +renderNewsroomFeedEntryListItem(entry)
 
   //-
   //- Newsletter Signup
   //-
-  div(uk-sticky={ offset: 60, bottom: '#dtp-content-grid' }, style="z-index: initial;").uk-margin
+  div(uk-sticky={ offset: 60, bottom: '#dtp-content-grid' }, style="z-index: initial;").uk-margin-medium
     +renderSectionTitle('Mailing List')
     form(method="post", action="/newsletter", onsubmit="return dtp.app.submitForm(event, 'Subscribe to newsletter');").uk-form
       .uk-card.uk-card-default.uk-card-small