Style updates for the agenda view

diff --git a/css/front.css b/css/front.css
index 56adc3e..65ba435 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -5,3 +5,16 @@
     max-width: 650px;
     margin: 0 auto;
 }
+.glm-event-day-row {
+    border: 1px solid #FFF;
+    margin-top: 8px !important;
+    transition: border 500ms ease-out;
+}
+.glm-event-day-row:hover {
+    border: 1px solid #56B64A;
+}
+.glm-event-day-event {
+    background-color: #F2F2F2;
+    margin-top: 10px !important;
+    margin-bottom: 10px !important;
+}

diff --git a/views/front/events/agenda.html b/views/front/events/agenda.html
index ae2e727..20d750f 100644 (file)
--- a/views/front/events/agenda.html
+++ b/views/front/events/agenda.html
@@ -42,13 +42,13 @@
                 </div>
             </form>
             {foreach $eventsByDate as $date => $events}
-                <div class="row">
+                <div class="row glm-event-day-row">
                     <div class="small-3 columns">
                         {$date}
                     </div>
                     <div class="small-9 columns">
                         {foreach $events as $event}
-                        <div class="row">
+                        <div class="row glm-event-day-event">
                             <div class="small-12 column">
                                 {foreach $event.categories as $cat}
                                     {$cat.name}:<br>