From: Steve Sutton <steve@gaslightmedia.com>
Date: Fri, 15 Aug 2014 16:12:28 +0000 (-0400)
Subject: Events styles
X-Git-Tag: V1.0^2~64
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=2d37ca124b91a0295a4cdbce471932e264704c21;p=web%2FKeweenaw.git

Events styles

Update the event styles for the list view for images.
Update style for name search field.
---

diff --git a/Toolkit/Events/css/event.css b/Toolkit/Events/css/event.css
index d6e4289..cf91b4a 100755
--- a/Toolkit/Events/css/event.css
+++ b/Toolkit/Events/css/event.css
@@ -102,8 +102,12 @@
     }
 #eventNameSearchWrapper form span  {
     text-align: center;
+    width: 100%;
     }
-
+#eventNameSearch {
+    width:100%;
+    padding: 0;
+}
 #event-search #startMonth,
 #event-search #endMonth {
 	border: 1px solid #aaa;
@@ -139,7 +143,7 @@
 	}
 /* Featured Events Side */
 #event-featured div {
-	background-repeat: no-repeat; 
+	background-repeat: no-repeat;
 	padding-bottom: 20px;
 	height: 100px;
 	position: relative;
@@ -182,7 +186,7 @@
 .event-category-block {
 	background: #eee;
 	border: 1px solid #ccc;
-    
+
 	margin: 20px 20px 0 0;
 	float: left;
 	width: 240px;
@@ -283,7 +287,7 @@
 	}
 #eventDetail-map {
 	cursor: pointer;
-	height:160px; 
+	height:160px;
 	}
 #EventDrivingDirectionsContainer {
 	margin: 10px 0 0 0;
diff --git a/Toolkit/Events/views/eventList.html b/Toolkit/Events/views/eventList.html
index 7d3fc10..85a008f 100755
--- a/Toolkit/Events/views/eventList.html
+++ b/Toolkit/Events/views/eventList.html
@@ -2,7 +2,7 @@
 <!--
 /* Steve's Styles */
 #category, .listing {display: none;}
-.event-list-thumb {float:left;}
+
 /* Leif's Styles */
 .event-date-hdr {
     width: 98%;
@@ -46,9 +46,10 @@
 }
 .event-list-Intro {
     display: block;
-    padding: 28px 0 0 0;
+    padding: 0 0 10px 0;
 	clear: left;
 }
+
 .event-list h3 {
     display: block;
     float: left;
@@ -67,10 +68,10 @@
 }
 .event-list-thumb  {
     display: block;
-    float: left;
+    float: right;
     border: 1px solid rgb(51,102,153);
     border-radius: 8px;
-    margin: 8px 4% 8px 0;
+    margin: 8px 4% 8px 5px;
     width: 26%;
 }
 .event-right {
@@ -78,6 +79,9 @@
     width: 30%;
     min-height: 54px;
 }
+.event-right > a > img {
+    margin: 0 10px 10px 10px;
+}
 .event-list-Times {
     display: block;
     float: right;