From b9f272f5d569a1cec052cd29b013fea692b9395b Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Thu, 4 Sep 2014 11:30:36 -0400
Subject: [PATCH] Events: no shortcuts, foundation on img, styling

---
 Toolkit/Events/views/eventList.html        | 11 +++++++----
 Toolkit/Events/views/mainEventWrapper.html |  4 ++--
 styles.css                                 | 20 ++++++++++++++++++--
 3 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/Toolkit/Events/views/eventList.html b/Toolkit/Events/views/eventList.html
index fa7a307..4ddfa6b 100755
--- a/Toolkit/Events/views/eventList.html
+++ b/Toolkit/Events/views/eventList.html
@@ -16,14 +16,17 @@
     {foreach:events,event}
     <div class="small-12 columns event-list">
         <h3><a href="{event.href}">{event.header}</a></h3>
-        <h3>{event.getDates()} {event.getEventTimes()}</h3>
-
         {if:event.image}
-        <a href="{event.href}"><img class="right event-list-thumb"
+        <a href="{event.href}"><img class="right small-centered small-8 small-offset-2 medium-4 medium-offset-0 columns event-list-thumb"
             src="{imgBaseUrl:h}eventListThumb/{event.image}"
             width="100"></a>
         {end:}
-        <p>{event.intro:h}</p>
+        <div class="event-info-wrapper small-12 medium-8 columns left">
+        <h3 class="event-dates small-12 columns">{event.getDates()} {event.getEventTimes()}</h3>
+
+        <p class="small-12 columns">{event.intro:h}</p>
+        </div>
+        
     </div>
     {end:}
 {else:}
diff --git a/Toolkit/Events/views/mainEventWrapper.html b/Toolkit/Events/views/mainEventWrapper.html
index b43bfbc..21f8d0b 100755
--- a/Toolkit/Events/views/mainEventWrapper.html
+++ b/Toolkit/Events/views/mainEventWrapper.html
@@ -23,7 +23,7 @@
         </div>
         <div id="event-second-column" class="small-12 medium-4 large-3 columns">
             <flexy:include src="eventSearchForm.html">
-            <div id="event-shortcuts">
+<!--            <div id="event-shortcuts">
               <h3>{front.shortCuts.title}</h3>
               <ul class="ulCr">
                 <li flexy:if="hasMajorEvents">
@@ -39,7 +39,7 @@
                   <a href="{nextUrl:h}{days}">{dayRange}</a>
                 </li>
               </ul>
-            </div><!-- /#event-shortcuts -->
+            </div> /#event-shortcuts -->
             <div id="event-featured" flexy:if="hasFeaturedEvents">
               <h3>{front.featured.title}</h3>
               <div
diff --git a/styles.css b/styles.css
index 048242f..0add527 100644
--- a/styles.css
+++ b/styles.css
@@ -105,8 +105,12 @@ body {
     line-height: 135%;
     font-size: 15px;
 }
+.container .inner-container #toolbox h3.event-dates {
+  margin: 0 0 5px 0 !important;
+  font-size: 15px !important;
+}
 .container .inner-container #toolbox #category {
-  margin-top: 60px;
+  margin-top: 40px;
 }
 .container .inner-container #toolbox #category p {
 
@@ -120,6 +124,18 @@ body {
 #toolbox .listul {
   margin-left: 20px;
 }
+.event-info-wrapper {
+    padding: 0px !important;
+}
+.event-list-thumb {
+    padding: 0px !important;
+}
+@media (max-width: 640px) {
+    .event-list-thumb {
+        float: none !important;
+        margin-bottom: 15px;
+    }
+}
 #toolbox #category div ul {
     margin-left: 20px;
 }
@@ -466,7 +482,7 @@ aside.right-off-canvas-menu ul.off-canvas-list li ul.dropdown.open {
 }
 
 .reservations {
-  margin-top: 30px;
+  margin-top: 40px;
 }
 .reservations form {
   width: 100%;
-- 
2.17.1