removing reduneant inline styles. moving columns around.

diff --git a/Toolkit/Events/views/eventDetail.html b/Toolkit/Events/views/eventDetail.html
old mode 100644 (file)
new mode 100755 (executable)
index fa20698..e7c94a1
--- a/Toolkit/Events/views/eventDetail.html
+++ b/Toolkit/Events/views/eventDetail.html
@@ -1,17 +1,3 @@
-<style type="text/css">
-<!--
-#category, .listing {
-       display: none;
-       }
-#eventDetail h2#eventHeaderTitle {
-       position: relative;
-       padding: 10px;
-       background: #00578A;
-       color: #FFF;
-       font-size: 18px;
-}
--->
-</style>
 <flexy:toJavascript
        flexy:prefix=""
     eventTitle="event.header"
@@ -24,30 +10,7 @@
       {end:}
                <h2 id="eventHeaderTitle">{event.header:h}</h2>
                <div id="eventDetailTop">
-                       <div id="eventDetailMap" flexy:if="event.hasLatLon">
-                               <div id="eventDetail-map" flexy:if="event.lat" title="Click to enlarge">map...</div>
-                               <div id="map-dialog" flexy:if="event.lat"><div id="map_canvas" style="width:500px; height:400px">Loading...</div></div>
-                       </div><!-- /#eventDetailMap -->
-                       <div id="EventDrivingDirectionsContainer" flexy:if="event.lat">
-                               <form id="EventDrivingDirectionsForm" name="EventDrivingDirectionsForm" flexy:ignore="yes" method="post" action="">
-                                       <input type="hidden" id="EventLocation" name="EventLocation" value="{event.place:h}">
-                                       <input type="hidden" id="EventLat" name="EventLat" value="{event.lat}">
-                                       <input type="hidden" id="EventLon" name="EventLon" value="{event.lon}">
-                                       <input type="submit" id="EventDrivingDirectionSubmit" name="EventDrivingDirectionSubmit" value="Get Directions">
-                               </form>
-                       </div>
-                       <div id="EventSocialLinks" flexy:if="event.hasSocialMedia">
-              <!--<h2 >Social Media Links</h2>-->
-              <ul>
-                <li flexy:if="event.facebook" class="mFacebook">
-                    <a id="fb" class="external" href="{event.facebook:h}">Facebook</a>
-                </li>
-                <li flexy:if="event.twitter" class="mTwitter">
-                    <a id="tw" class="external" href="{event.twitter:h}">Twitter</a>
-                </li>
-              </ul>
-            </div>
-                       <div id="eventDetailInfo">
+                       <div id="eventDetailInfo" class="medium-8 columns">
                                <div id="eventDetailTime">
                                        <div id="eventDetailDate">{event.dates}</div>
                                        <div id="eventDetailHour" flexy:if="event.getEventTimes">{event.getEventTimes()} </div>
@@ -81,6 +44,31 @@
                                        <div class="eventphone" flexy:if="event.contactPhone">Phone: {event.contactPhone}</div>
                                </div><!-- /#eventDetailContact -->
                        </div><!-- /#eventDetailInfo -->
+            <div class="medium-4 columns">
+                <div id="eventDetailMap" flexy:if="event.hasLatLon">
+                    <div id="eventDetail-map" flexy:if="event.lat" title="Click to enlarge">map...</div>
+                    <div id="map-dialog" flexy:if="event.lat"><div id="map_canvas" style="width:500px; height:400px">Loading...</div></div>
+                </div><!-- /#eventDetailMap -->
+                <div id="EventDrivingDirectionsContainer" flexy:if="event.lat">
+                    <form id="EventDrivingDirectionsForm" name="EventDrivingDirectionsForm" flexy:ignore="yes" method="post" action="">
+                        <input type="hidden" id="EventLocation" name="EventLocation" value="{event.place:h}">
+                        <input type="hidden" id="EventLat" name="EventLat" value="{event.lat}">
+                        <input type="hidden" id="EventLon" name="EventLon" value="{event.lon}">
+                        <input type="submit" id="EventDrivingDirectionSubmit" name="EventDrivingDirectionSubmit" value="Get Directions">
+                    </form>
+                </div>
+                <div id="EventSocialLinks" flexy:if="event.hasSocialMedia">
+                  <!--<h2 >Social Media Links</h2>-->
+                  <ul>
+                    <li flexy:if="event.facebook" class="mFacebook">
+                        <a id="fb" class="external" href="{event.facebook:h}">Facebook</a>
+                    </li>
+                    <li flexy:if="event.twitter" class="mTwitter">
+                        <a id="tw" class="external" href="{event.twitter:h}">Twitter</a>
+                    </li>
+                  </ul>
+                </div>
+            </div>
                </div><!-- /#eventDetailTop -->
                <div id="eventDetailDesc" flexy:if="event.description">{event.description:h}</div>
        </div>