From: Ove Klykken <ove@gaslightmedia.com>
Date: Tue, 29 Jul 2014 20:44:22 +0000 (-0400)
Subject: removing reduneant inline styles. moving columns around.
X-Git-Tag: VV1^2~35
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=52242d7be1df8dcac8979002a0a2923055da09c0;p=web%2FCityofMI.git

removing reduneant inline styles. moving columns around.
---

diff --git a/Toolkit/Events/views/eventDetail.html b/Toolkit/Events/views/eventDetail.html
old mode 100644
new mode 100755
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>