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 (executable)
--- 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 (executable)
--- 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;