Improve events list style

_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,

_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;

_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>
+  <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>
-    {{ p.date | date:"%Y-%m-%d" }} - <a href="{{ p.link | htmlescape }}">{{ p.title | htmlescape }}</a> - {{ p.city | htmlescape }}, {{ p.country | htmlescape }}
   </li>
 {% endfilter_for %}
-</ul>
+</div>
 
 <ul>
   <li>{% translate meetupgroup %}</li>