# HG changeset patch
# User bsw
# Date 1340726852 -7200
# Node ID b13ce07e4afba94b09458e23ec5702a7472fc58c
# Parent  bbf4d18db524b295457e5c7f687b49e610895d68
Optical improvements

diff -r bbf4d18db524 -r b13ce07e4afb app/main/event/_list.lua
--- a/app/main/event/_list.lua	Tue Jun 26 17:56:29 2012 +0200
+++ b/app/main/event/_list.lua	Tue Jun 26 18:07:32 2012 +0200
@@ -70,7 +70,7 @@
           text = event.member.name,
           module = "member", view = "show", id = event.member_id
         }
-        slot.put(" · ") 
+        slot.put("<br />") 
       end
       local event_name = event.event_name
       local event_image
@@ -101,10 +101,10 @@
         days_ago_text = _("#{date} at #{time}", { date = format.date(event.occurrence.date), time = format.time(event.occurrence) })
       end
       ui.tag{ attr = { class = "event_name" }, content = event_name }
-      slot.put(" &middot; ") 
+      slot.put("<br />") 
       ui.tag{ content = days_ago_text }
       if event.time_ago > 1 then
-        slot.put(" (")
+        slot.put("<br />(")
         ui.tag{ content = _("#{count} days ago", { count = event.time_ago }) }
         slot.put(")")
       end
diff -r bbf4d18db524 -r b13ce07e4afb static/style.css
--- a/static/style.css	Tue Jun 26 17:56:29 2012 +0200
+++ b/static/style.css	Tue Jun 26 18:07:32 2012 +0200
@@ -937,23 +937,30 @@
 }
 
 .event_info {
-  line-height: 24px;
-  min-height: 24px;
+  margin-top: 10px;
+  clear: left;
   float: left;
+  line-height: 125%;
+  width: 250px;
   display: inline;
-  padding: 2px 10px 0px 10px;
-  background-color: #abf;
-  color: #000;
-  font-style: italic;
-  border-radius: 8px 8px 0 0;
+  padding: 10px;
+  background-color: #444;
+  background: -webkit-linear-gradient(top, #666, #222);
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
+  background: -moz-linear-gradient(#666, #222);
+  background: -ms-linear-gradient(#666, #222);
+  background: -o-linear-gradient(#666, #222);
+  background: linear-gradient(#666, #222);
+  color: #fff;  font-style: italic;
+  border-radius: 8px 0 0 8px;
 }
 
-.event_info img {
+.event_info a {
+  color: #fff;
 }
 
 .events .issue {
-  clear: left;
-  border-radius: 0 8px 8px 8px;
+  min-height: 15ex;
 }
 
 .event_info .event_name,