From 149b98d37665dc8d1f9015970b33e876ce001dd7 Mon Sep 17 00:00:00 2001
From: daretobedifferent18 <daretobedifferent10920@gmail.com>
Date: Thu, 26 Nov 2020 16:37:09 +0530
Subject: [PATCH 1/2] Moved Date-time to left

---
 app/templates/public/sessions.hbs | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/app/templates/public/sessions.hbs b/app/templates/public/sessions.hbs
index b48efb5bf59..eed96a779fc 100644
--- a/app/templates/public/sessions.hbs
+++ b/app/templates/public/sessions.hbs
@@ -46,11 +46,28 @@
 {{/if}}
 
 <div class="mt-8">
-  {{#each this.model.session as |session|}}
-    <Public::SessionItem @session={{session}} @event={{this.model.event}} @timezone={{this.timezone}} />
+  {{#if this.model.session}}
+    <table class="ui very basic table">
+      <thead class="full-width">
+        <tr>
+          <th class="two wide"></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        {{#each this.model.session as |session|}}
+          <tr>
+            <td class="top aligned {{unless this.device.isMobile 'centered text'}}" style="color:grey;">{{general-date session.startsAt this.timezone 'HH:mm (z)'}}</td>
+            <td>
+              <Public::SessionItem @session={{session}} @event={{this.model.event}} @timezone={{this.timezone}} />
+            </td>
+          </tr>
+        {{/each}}
+      </tbody>
+    </table>
   {{else}}
     <div class="ui disabled header">{{t 'No Sessions exist for this time period'}}</div>
-  {{/each}}
+  {{/if}}    
   <InfinityLoader @infinityModel={{this.model.session}} @triggerOffset={{300}} @eventDebounce={{50}}>
     <div class="center aligned five wide column">
       <div class="ui loading very padded basic segment">

From bb58a0178f2223eda388d99db48ff3178fc19180 Mon Sep 17 00:00:00 2001
From: daretobedifferent18 <daretobedifferent10920@gmail.com>
Date: Thu, 26 Nov 2020 17:58:49 +0530
Subject: [PATCH 2/2] Improved styling

---
 app/styles/partials/utils.scss    |  4 ++++
 app/templates/public/sessions.hbs | 12 ++++++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/styles/partials/utils.scss b/app/styles/partials/utils.scss
index a86e1c4e910..06be827acbf 100644
--- a/app/styles/partials/utils.scss
+++ b/app/styles/partials/utils.scss
@@ -61,6 +61,10 @@
   padding-top: 0 !important;
 }
 
+.pt-4 {
+  padding-top: 1rem !important;
+}
+
 .mt-4 {
   margin-top: 1rem !important;
 }
diff --git a/app/templates/public/sessions.hbs b/app/templates/public/sessions.hbs
index eed96a779fc..91b30c9e190 100644
--- a/app/templates/public/sessions.hbs
+++ b/app/templates/public/sessions.hbs
@@ -50,15 +50,19 @@
     <table class="ui very basic table">
       <thead class="full-width">
         <tr>
-          <th class="two wide"></th>
-          <th></th>
+          <th class="two wide" style="border: none;"></th>
+          <th style="border: none;"></th>
         </tr>
       </thead>
       <tbody>
         {{#each this.model.session as |session|}}
           <tr>
-            <td class="top aligned {{unless this.device.isMobile 'centered text'}}" style="color:grey;">{{general-date session.startsAt this.timezone 'HH:mm (z)'}}</td>
-            <td>
+            <td class="top aligned {{unless this.device.isMobile 'centered text'}}" style="border-top: none;">
+              <h4 class="ui header {{unless this.device.isMobile 'pt-4'}}" style="color: rgba(0, 0, 0, 0.7);">
+                {{general-date session.startsAt this.timezone 'h:mm A (z)'}}
+              </h4>
+            </td>
+            <td style="border-top: none; border-left: 1px solid lightgrey">
               <Public::SessionItem @session={{session}} @event={{this.model.event}} @timezone={{this.timezone}} />
             </td>
           </tr>