1.1 --- a/static/style.css	Tue Jun 26 18:27:57 2012 +0200
     1.2 +++ b/static/style.css	Tue Jun 26 19:24:30 2012 +0200
     1.3 @@ -463,6 +463,7 @@
     1.4  .unit_link, .area_link {
     1.5    padding: 2px 5px;
     1.6    border-radius: 5px;
     1.7 +  line-height: 170%;
     1.8  }
     1.9  
    1.10  .unit_link {
    1.11 @@ -541,7 +542,7 @@
    1.12   * ui.tab
    1.13   */
    1.14  .ui_tabs_links {
    1.15 -  margin: 20px 0px 10px -3px;
    1.16 +  margin: 20px 0px 10px -2px;
    1.17    line-height: 300%;
    1.18  }
    1.19  
    1.20 @@ -558,14 +559,14 @@
    1.21    white-space: nowrap;
    1.22    border-radius: 8px;
    1.23    font-weight: bold;
    1.24 -  margin: 3px;
    1.25 +  margin: 2px;
    1.26  }
    1.27  
    1.28  .ui_tabs_links a:hover,
    1.29  .ui_tabs_links a.selected {
    1.30    margin: 0;
    1.31 -  border: 3px solid #f90;
    1.32 -  box-shadow: 0px 0px 5px #f90;
    1.33 +  border: 2px solid #f90;
    1.34 +  box-shadow: 0px 0px 3px 1px #f90;
    1.35  }
    1.36  
    1.37  .ui_tabs_links a.selected {
    1.38 @@ -865,7 +866,7 @@
    1.39  }
    1.40  
    1.41  .area_list .area {
    1.42 -  border-top: 1px solid #44a;
    1.43 +  border-top: 2px solid #44a;
    1.44  }
    1.45  
    1.46  .area_list .area:first-child {
    1.47 @@ -919,7 +920,7 @@
    1.48  
    1.49  .issues .issue {
    1.50    overflow: hidden;
    1.51 -  border: 1px solid #d0ddff;
    1.52 +  border: 1px solid #777;
    1.53    border-radius: 8px;
    1.54    margin-bottom: 4ex;
    1.55  }
    1.56 @@ -936,13 +937,13 @@
    1.57  }
    1.58  
    1.59  .event_info {
    1.60 -  margin-top: 10px;
    1.61 +  margin-top: 8px;
    1.62    clear: left;
    1.63    float: left;
    1.64    line-height: 125%;
    1.65 -  width: 250px;
    1.66 +  width: 240px;
    1.67    display: inline;
    1.68 -  padding: 10px;
    1.69 +  padding: 5px 8px;
    1.70    background-color: #444;
    1.71    background: -webkit-linear-gradient(top, #888, #222);
    1.72    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
    1.73 @@ -950,7 +951,8 @@
    1.74    background: -ms-linear-gradient(#888, #222);
    1.75    background: -o-linear-gradient(#888, #222);
    1.76    background: linear-gradient(#888, #222);
    1.77 -  color: #fff;  font-style: italic;
    1.78 +  color: #fff;
    1.79 +  font-style: italic;
    1.80    border-radius: 8px 0 0 8px;
    1.81  }
    1.82  
    1.83 @@ -960,6 +962,7 @@
    1.84  
    1.85  .events .issue {
    1.86    min-height: 15ex;
    1.87 +  border: 1px solid #777;
    1.88  }
    1.89  
    1.90  .event_info .event_name,
    1.91 @@ -967,6 +970,28 @@
    1.92    font-weight: bold;
    1.93  }
    1.94  
    1.95 +@media screen and (max-width: 720px) {
    1.96 +  .event_info {
    1.97 +    width: auto;
    1.98 +    margin-left: 8px;
    1.99 +    margin-right: 8px;
   1.100 +    border-radius: 8px 8px 0 0;
   1.101 +  }
   1.102 +  .events .issue {
   1.103 +    clear: left;
   1.104 +    
   1.105 +  }
   1.106 +}
   1.107 +
   1.108 +@media screen and (max-width: 480px) {
   1.109 +  .events .initiative .name {
   1.110 +    clear: left;
   1.111 +    margin-left: 0px;
   1.112 +  }
   1.113 +}
   1.114 +
   1.115 +
   1.116 +
   1.117  .issue_policy_info img {
   1.118    vertical-align: middle;
   1.119  }
   1.120 @@ -1149,7 +1174,6 @@
   1.121  
   1.122  .member_thumb.in_delegation_chain {
   1.123    background-color: #fda;
   1.124 -  xborder: 2px solid #f90;
   1.125  }
   1.126  
   1.127