1.1 --- a/app/main/event/_list.lua	Tue Jun 26 17:56:29 2012 +0200
     1.2 +++ b/app/main/event/_list.lua	Tue Jun 26 18:07:32 2012 +0200
     1.3 @@ -70,7 +70,7 @@
     1.4            text = event.member.name,
     1.5            module = "member", view = "show", id = event.member_id
     1.6          }
     1.7 -        slot.put(" · ") 
     1.8 +        slot.put("<br />") 
     1.9        end
    1.10        local event_name = event.event_name
    1.11        local event_image
    1.12 @@ -101,10 +101,10 @@
    1.13          days_ago_text = _("#{date} at #{time}", { date = format.date(event.occurrence.date), time = format.time(event.occurrence) })
    1.14        end
    1.15        ui.tag{ attr = { class = "event_name" }, content = event_name }
    1.16 -      slot.put(" &middot; ") 
    1.17 +      slot.put("<br />") 
    1.18        ui.tag{ content = days_ago_text }
    1.19        if event.time_ago > 1 then
    1.20 -        slot.put(" (")
    1.21 +        slot.put("<br />(")
    1.22          ui.tag{ content = _("#{count} days ago", { count = event.time_ago }) }
    1.23          slot.put(")")
    1.24        end

     2.1 --- a/static/style.css	Tue Jun 26 17:56:29 2012 +0200
     2.2 +++ b/static/style.css	Tue Jun 26 18:07:32 2012 +0200
     2.3 @@ -937,23 +937,30 @@
     2.4  }
     2.5  
     2.6  .event_info {
     2.7 -  line-height: 24px;
     2.8 -  min-height: 24px;
     2.9 +  margin-top: 10px;
    2.10 +  clear: left;
    2.11    float: left;
    2.12 +  line-height: 125%;
    2.13 +  width: 250px;
    2.14    display: inline;
    2.15 -  padding: 2px 10px 0px 10px;
    2.16 -  background-color: #abf;
    2.17 -  color: #000;
    2.18 -  font-style: italic;
    2.19 -  border-radius: 8px 8px 0 0;
    2.20 +  padding: 10px;
    2.21 +  background-color: #444;
    2.22 +  background: -webkit-linear-gradient(top, #666, #222);
    2.23 +  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
    2.24 +  background: -moz-linear-gradient(#666, #222);
    2.25 +  background: -ms-linear-gradient(#666, #222);
    2.26 +  background: -o-linear-gradient(#666, #222);
    2.27 +  background: linear-gradient(#666, #222);
    2.28 +  color: #fff;  font-style: italic;
    2.29 +  border-radius: 8px 0 0 8px;
    2.30  }
    2.31  
    2.32 -.event_info img {
    2.33 +.event_info a {
    2.34 +  color: #fff;
    2.35  }
    2.36  
    2.37  .events .issue {
    2.38 -  clear: left;
    2.39 -  border-radius: 0 8px 8px 8px;
    2.40 +  min-height: 15ex;
    2.41  }
    2.42  
    2.43  .event_info .event_name,