Event list template

Update the style for the Event date so it stands out better.

diff --git a/Toolkit/Events/views/eventList.html b/Toolkit/Events/views/eventList.html
index d38250f..baa737f 100755 (executable)
--- a/Toolkit/Events/views/eventList.html
+++ b/Toolkit/Events/views/eventList.html
@@ -2,23 +2,7 @@
 <!--
 /* Steve's Styles */
 #category, .listing {display: none;}
-
-/* Leif's Styles */
-.event-date-hdr {
-    width: 98%;
-    padding: 5px 2% 5px 0;
-    margin: 0;
-}
-#toolbox .event-date-hdr p {
-    display: block;
-    padding: 0;
-    margin: 1em 0 0 0;
-    font-size: 22px;
-    /* font-sizw: 1.9rem; */
-    font-weight: bold;
-    font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
-    color: #477645;
-    }
+.event-date-hdr h2 {margin: 0 !important;}
 .event-category-hdr {
     width: 98%;
     padding: 5px 2% 5px 0;
@@ -27,21 +11,21 @@
     text-align: left;
     border-bottom: 1px solid #E4E4E4;
 }
-.event-category-hdr h3 {
+.event-category-hdr h2 {
     display: block;
     padding: 0;
     margin: 0;
     font-weight: bold;
-    color: #666;
-    font-size: 14px;
+    /*color: #666;*/
+    /*font-size: 14px;*/
     }
 .event-cat {
-    margin: 10px 0 10px 0;
+    margin: 0;
     overflow: hidden;
 }
 .event-list {
     margin: 0;
-    padding: 14px 0;
+    padding: 0 0 14px 14px;
     border-bottom: 1px solid #E4E4E4;
 }
 .event-list-Intro {
@@ -120,11 +104,11 @@
 </p>
 {if:events}
   {foreach:events,dateTime,date}
-  <div class="event-date-hdr"><p>{dateTime}</p></div>
+  <div class="event-date-hdr"><h2 class="text-left">{dateTime}</h2></div>
     {foreach:date,categoryName,category}
       <div class="event-cat">
 
-        <div class="event-category-hdr"><h3>{categoryName}</h3></div>
+        <div class="event-category-hdr" flexy:if="categoryName"><h3>{categoryName}</h3></div>
         {foreach:category,event}
           {if:event.spans}<div class="event-list ongoing">{end:}
           {if:event.recurr}<div class="event-list reacur">{end:}