moving directions and view map link to profile details

moving the view map and directions to the event registration profile section

diff --git a/css/front.css b/css/front.css
index 28a2928..87bc0dd 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -26,10 +26,13 @@
 #glm-reg-detail-map-button {
     height: 35px;
     padding: 5px 7px;
-    width: 171px;
     float: left;
+    color: #008CBA;
     border-right: 1px solid white;
 }
+#glm-reg-detail-map-button:hover{
+    cursor: pointer;
+}
 #glm-reg-detail-directions-button {
     height: 35px;
     padding: 5px 7px;

diff --git a/views/front/registrations/registration.html b/views/front/registrations/registration.html
index 1364494..16ae872 100644 (file)
--- a/views/front/registrations/registration.html
+++ b/views/front/registrations/registration.html
@@ -41,34 +41,29 @@
                         {/if}
                         {if $regEvent.locations.name || $regEvent.locations.address}
                             <div class="small-12 columns glm-reg-event-profile-details glm-reg-location">
-                                {$regEvent.locations.name}
+                                <a href="https://maps.google.com/maps?daddr={$regEvent.locations.name|escape}%40{$regEvent.locations.lat},{$regEvent.locations.lon}" target="_blank">{$regEvent.locations.name}</a>
                                 {if $regEvent.locations.address}
                                     <br>{$regEvent.locations.address}
                                 {/if}
                                 <br> {if $regEvent.locations.city.name}{$regEvent.locations.city.name},{/if}{$regEvent.locations.state.name} {$regEvent.locations.zip}
                             </div>
                         {/if}
-                    </div>
-                </div>
-                <div class="small-12 columns">
-                    <div class="row">
                         {if $regEvent.locations.lat && $regEvent.locations.lon}
 
-                            <div class="small-12 medium-4 columns glm-reg-event-profile-map-container">
+                            <div class="small-12 columns glm-reg-event-profile-map-container">
                                 <div id="glm-reg-map-container">
                                     <div id="glm-reg-map" class="glm-reg-map">(map loads here)</div>
                                 </div>
                             </div>
                             <div class="small-12 columns glm-reg-event-profile-details">
-                                <div id="glm-reg-detail-map-button" class="button map-button">View Map</div>
-                                <form id="MemberDrivingDirectionsForm" name="MemberDrivingDirectionsForm" method="post" action="">
-                                    <input type="hidden" id="MemberLocation" name="MemberLocation" value="">
-                                    <input type="hidden" id="MemberLat" name="MemberLat" value="{$regEvent.locations.lat}">
-                                    <input type="hidden" id="MemberLon" name="MemberLon" value="{$regEvent.locations.lon}">
-                                    <input type="submit" class="button map-button text-center glm-reg-detail-directions-button map-button" id="glm-reg-detail-directions-button" name="MemberDrivingDirectionSubmit" value="Directions">
-                                </form>
+                                <div id="glm-reg-detail-map-button" class="map-button">View Map</div>
                             </div>
                         {/if}
+                    </div>
+                </div>
+                <div class="small-12 columns">
+                    <div class="row">
+                        
                         {literal}
                         <% if ( descr ) { %><div class="small-12 columns glm-reg-event-profile-details"><%= descr %></div><% } %>
                         <% if ( terms ) { %><div class="small-12 columns glm-reg-event-profile-details"><%= terms %></div><% } %>