1.1 --- a/app/main/event/_list.lua	Thu Jun 28 23:25:27 2012 +0200
     1.2 +++ b/app/main/event/_list.lua	Thu Jun 28 23:38:43 2012 +0200
     1.3 @@ -192,6 +192,7 @@
     1.4  
     1.5  if #events > 0 then
     1.6    ui.link{
     1.7 +    attr = { class = "more_events_links" },
     1.8      text = _"Show older events",
     1.9      module = request.get_module(),
    1.10      view = request.get_view(),

     2.1 --- a/static/style.css	Thu Jun 28 23:25:27 2012 +0200
     2.2 +++ b/static/style.css	Thu Jun 28 23:38:43 2012 +0200
     2.3 @@ -617,7 +617,6 @@
     2.4    border: 1px solid #bbb;
     2.5  }
     2.6  
     2.7 -
     2.8  .ui_filter_head a.active {
     2.9    border: 1px solid #666;
    2.10    text-decoration: none;
    2.11 @@ -651,6 +650,7 @@
    2.12  
    2.13  .ui_paginate_select a {
    2.14    padding: 0.5em;
    2.15 +  border-radius: 4px;
    2.16  }
    2.17  
    2.18  /*************************************************************************
    2.19 @@ -906,27 +906,6 @@
    2.20    border-radius: 8px 8px 0 0;
    2.21  }
    2.22  
    2.23 -
    2.24 -
    2.25 -/*************************************************************************
    2.26 - * Events
    2.27 - */
    2.28 -
    2.29 -.events .date {
    2.30 -  font-size: 150%;
    2.31 -  font-weight: bold;
    2.32 -  margin-top: 2ex;
    2.33 -  line-height: 150%;
    2.34 -}
    2.35 -
    2.36 -.event_list .event div {
    2.37 -}
    2.38 -
    2.39 -.event_list .event .member_id {
    2.40 -  float: right;
    2.41 -}
    2.42 -
    2.43 -
    2.44  /*************************************************************************
    2.45   * Issues
    2.46   */
    2.47 @@ -987,6 +966,21 @@
    2.48    font-weight: bold;
    2.49  }
    2.50  
    2.51 +.more_events_links {
    2.52 +  margin-left: 255px;
    2.53 +  padding: 1ex;
    2.54 +  background-color: #444;
    2.55 +  background: -webkit-linear-gradient(top, #888, #222);
    2.56 +  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
    2.57 +  background: -moz-linear-gradient(#888, #222);
    2.58 +  background: -ms-linear-gradient(#888, #222);
    2.59 +  background: -o-linear-gradient(#888, #222);
    2.60 +  background: linear-gradient(#888, #222);
    2.61 +  color: #fff;
    2.62 +  border-radius: 8px;
    2.63 +  font-weight: bold;
    2.64 +}
    2.65 +
    2.66  @media screen and (max-width: 720px) {
    2.67    .event_info {
    2.68      width: auto;
    2.69 @@ -995,9 +989,12 @@
    2.70      border-radius: 8px 8px 0 0;
    2.71    }
    2.72    .events .issue {
    2.73 -    clear: left;
    2.74 -    
    2.75 +    clear: left;    
    2.76    }
    2.77 +  .more_events_links {
    2.78 +    margin-left: 0px;
    2.79 +  }
    2.80 +
    2.81  }
    2.82  
    2.83  @media screen and (max-width: 480px) {