1.1 --- a/app/main/event/_list.lua	Tue Jun 26 18:27:57 2012 +0200
     1.2 +++ b/app/main/event/_list.lua	Tue Jun 26 19:24:30 2012 +0200
     1.3 @@ -58,6 +58,12 @@
     1.4          elseif event.state == "voting" then
     1.5            event_name = _"Voting started"
     1.6            event_image = "email_open.png"
     1.7 +        elseif event.state == "finished_with_winner" then
     1.8 +          event_name = event.state_name
     1.9 +          event_image = "award_star_gold_2.png"
    1.10 +        elseif event.state == "finished_without_winner" then
    1.11 +          event_name = event.state_name
    1.12 +          event_image = "cross.png"
    1.13          else
    1.14            event_name = event.state_name
    1.15          end

     2.1 --- a/static/style.css	Tue Jun 26 18:27:57 2012 +0200
     2.2 +++ b/static/style.css	Tue Jun 26 19:24:30 2012 +0200
     2.3 @@ -463,6 +463,7 @@
     2.4  .unit_link, .area_link {
     2.5    padding: 2px 5px;
     2.6    border-radius: 5px;
     2.7 +  line-height: 170%;
     2.8  }
     2.9  
    2.10  .unit_link {
    2.11 @@ -541,7 +542,7 @@
    2.12   * ui.tab
    2.13   */
    2.14  .ui_tabs_links {
    2.15 -  margin: 20px 0px 10px -3px;
    2.16 +  margin: 20px 0px 10px -2px;
    2.17    line-height: 300%;
    2.18  }
    2.19  
    2.20 @@ -558,14 +559,14 @@
    2.21    white-space: nowrap;
    2.22    border-radius: 8px;
    2.23    font-weight: bold;
    2.24 -  margin: 3px;
    2.25 +  margin: 2px;
    2.26  }
    2.27  
    2.28  .ui_tabs_links a:hover,
    2.29  .ui_tabs_links a.selected {
    2.30    margin: 0;
    2.31 -  border: 3px solid #f90;
    2.32 -  box-shadow: 0px 0px 5px #f90;
    2.33 +  border: 2px solid #f90;
    2.34 +  box-shadow: 0px 0px 3px 1px #f90;
    2.35  }
    2.36  
    2.37  .ui_tabs_links a.selected {
    2.38 @@ -865,7 +866,7 @@
    2.39  }
    2.40  
    2.41  .area_list .area {
    2.42 -  border-top: 1px solid #44a;
    2.43 +  border-top: 2px solid #44a;
    2.44  }
    2.45  
    2.46  .area_list .area:first-child {
    2.47 @@ -919,7 +920,7 @@
    2.48  
    2.49  .issues .issue {
    2.50    overflow: hidden;
    2.51 -  border: 1px solid #d0ddff;
    2.52 +  border: 1px solid #777;
    2.53    border-radius: 8px;
    2.54    margin-bottom: 4ex;
    2.55  }
    2.56 @@ -936,13 +937,13 @@
    2.57  }
    2.58  
    2.59  .event_info {
    2.60 -  margin-top: 10px;
    2.61 +  margin-top: 8px;
    2.62    clear: left;
    2.63    float: left;
    2.64    line-height: 125%;
    2.65 -  width: 250px;
    2.66 +  width: 240px;
    2.67    display: inline;
    2.68 -  padding: 10px;
    2.69 +  padding: 5px 8px;
    2.70    background-color: #444;
    2.71    background: -webkit-linear-gradient(top, #888, #222);
    2.72    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
    2.73 @@ -950,7 +951,8 @@
    2.74    background: -ms-linear-gradient(#888, #222);
    2.75    background: -o-linear-gradient(#888, #222);
    2.76    background: linear-gradient(#888, #222);
    2.77 -  color: #fff;  font-style: italic;
    2.78 +  color: #fff;
    2.79 +  font-style: italic;
    2.80    border-radius: 8px 0 0 8px;
    2.81  }
    2.82  
    2.83 @@ -960,6 +962,7 @@
    2.84  
    2.85  .events .issue {
    2.86    min-height: 15ex;
    2.87 +  border: 1px solid #777;
    2.88  }
    2.89  
    2.90  .event_info .event_name,
    2.91 @@ -967,6 +970,28 @@
    2.92    font-weight: bold;
    2.93  }
    2.94  
    2.95 +@media screen and (max-width: 720px) {
    2.96 +  .event_info {
    2.97 +    width: auto;
    2.98 +    margin-left: 8px;
    2.99 +    margin-right: 8px;
   2.100 +    border-radius: 8px 8px 0 0;
   2.101 +  }
   2.102 +  .events .issue {
   2.103 +    clear: left;
   2.104 +    
   2.105 +  }
   2.106 +}
   2.107 +
   2.108 +@media screen and (max-width: 480px) {
   2.109 +  .events .initiative .name {
   2.110 +    clear: left;
   2.111 +    margin-left: 0px;
   2.112 +  }
   2.113 +}
   2.114 +
   2.115 +
   2.116 +
   2.117  .issue_policy_info img {
   2.118    vertical-align: middle;
   2.119  }
   2.120 @@ -1149,7 +1174,6 @@
   2.121  
   2.122  .member_thumb.in_delegation_chain {
   2.123    background-color: #fda;
   2.124 -  xborder: 2px solid #f90;
   2.125  }
   2.126  
   2.127