Detail back-button styling and markup

diff --git a/css/front.css b/css/front.css
index 49636c1..ef4c44d 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -12,6 +12,7 @@
     margin-top: 8px !important;
 }
 .glm-event-day-event {
+    cursor: pointer;
     position: relative;
     border-radius: 5px;
     padding: 5px;
@@ -130,3 +131,15 @@ input[name='contact_fname'], input[name='contact_lname']{
         margin-top: 20px !important;
     }
 }
+#glm-event-detail-takeback-mini > span {
+    width: 120px;
+    top: 13px;
+}
+#glm-event-detail-takeback-mini:hover {
+    text-decoration: none;
+    width: 190px;
+    -webkit-transition: width 0.5s ease;
+    -moz-transition:    width 0.5s ease;
+    -o-transition:      width 0.5s ease;
+    transition:         width 0.5s ease;
+}

diff --git a/views/front/events/detail.html b/views/front/events/detail.html
index cf01c36..19241fd 100644 (file)
--- a/views/front/events/detail.html
+++ b/views/front/events/detail.html
@@ -1,11 +1,12 @@
 <div id="glm-event-wrapper" class="event-detail text-left"> 
+    <a id="glm-event-detail-takeback-mini" class="glm-member-db-takeback-mini button glm-member-button" href="javascript:history.go(-1)"><span>Back To Search</span></a>
     <div class="row">
         <div class="small-12 large-8 small-centered column">
     <div class="row">
         {include file='front/events/searchForm.html'}
     </div>
     <div class="row">
-        <button id="glm-event-detail-backtosearch">Back</button>
+        <a style="float:right;" href="../../wp-admin/admin-ajax.php?action=glm_members_admin_ajax&glm_action=icalFeed&eventId={$event.id}&ical=1">Ical Feed</a>
     </div>
     </div>
     </div>