From 1a8b4c681a0a81f9059feaaec91699cd608033db Mon Sep 17 00:00:00 2001
From: Saivann <saivann@gmail.com>
Date: Wed, 5 Mar 2014 12:16:08 -0500
Subject: [PATCH] Improve events list style

---
 _less/ie.css           |  5 +++++
 _less/screen.less      | 28 ++++++++++++++++++++++++++++
 _templates/events.html |  7 +++----
 3 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/_less/ie.css b/_less/ie.css
index 249b1253..b0cf7923 100644
--- a/_less/ie.css
+++ b/_less/ie.css
@@ -203,6 +203,11 @@ body{
 	display:inline;
 }
 
+.eventtable div div{
+	zoom:1;
+	display:inline;
+}
+
 .alert-message a:hover,
 .alert-message a:hover:link,
 .alert-message a:hover:active,
diff --git a/_less/screen.less b/_less/screen.less
index 24f75cb9..aed704f7 100644
--- a/_less/screen.less
+++ b/_less/screen.less
@@ -1091,6 +1091,28 @@ h2 .rssicon{
 	height:400px;
 	margin-bottom:25px;
 }
+.eventtable div{
+	padding:8px 0;
+	border-top:1px solid #E2E2E2;
+}
+.eventtable div:first-child{
+	border-top:0;
+}
+.eventtable div div{
+	display:inline-block;
+	padding:0;
+	border-top:0;
+	padding-right:20px;
+}
+.eventtable div div:first-child{
+	width:100px;
+}
+.eventtable div div:first-child+div{
+	width:300px;
+}
+.eventtable div div:first-child+div+div{
+	width:300px;
+}
 
 .summary{
 	font-size:125%;
@@ -1450,6 +1472,12 @@ h2 .rssicon{
 		background:none;
 		height:auto;
 	}
+	.eventtable div div{
+		display:block;
+	}
+	.eventtable div div:first-child,.eventtable div div:first-child+div,.eventtable div div:first-child+div+div{
+		width:auto;
+	}
 	.press-faq>div{
 		width:auto;
 		display:block;
diff --git a/_templates/events.html b/_templates/events.html
index 698e8f0a..d49a5e1b 100644
--- a/_templates/events.html
+++ b/_templates/events.html
@@ -38,13 +38,12 @@ map.addLayer(markers);
 {% else %}
 <h2>{% translate upcoming %}</h2>
 {% endcase %}
-<ul>
+<div class="eventtable">
 {% filter_for p in site.conferences sort_by:date %}
-  <li>
-    {{ p.date | date:"%Y-%m-%d" }} - <a href="{{ p.link | htmlescape }}">{{ p.title | htmlescape }}</a> - {{ p.city | htmlescape }}, {{ p.country | htmlescape }}
+  <div><div>{{ p.date | date:"%Y-%m-%d" }}</div><div><a href="{{ p.link | htmlescape }}">{{ p.title | htmlescape }}</a></div><div>{{ p.city | htmlescape }}, {{ p.country | htmlescape }}</div></div>
   </li>
 {% endfilter_for %}
-</ul>
+</div>
 
 <ul>
   <li>{% translate meetupgroup %}</li>