Tweak rendering of framework logos

Author: igorw

source/css/style.css

@@ -45,8 +45,7 @@ li {
     margin: .75em 0;
 }
 
-h4 small
-{
+h4 small {
     display: block;
     font-size: 60%;
     color: #888;
@@ -109,15 +108,15 @@ ul.avatars li a {
 }
 
 .frameworks-logo-list {
-    /* Clearfix */
-    margin: 0 0 20px -20px;
     list-style: none;
+    text-align: center;
+    margin: 0;
 }
 
 .frameworks-logo-list > li {
     vertical-align: middle;
     display: inline-block;
-    margin: 0 0 0 20px;
+    margin: 5px 10px 0 10px;
 }
 .frameworks-logo-list img {
     max-height: 60px;

source/index.html

@@ -77,7 +77,7 @@ <h2>What is Stack?</h2>
     <h2>Works already with</h2>
 
     {% spaceless %}
-    <ul class="frameworks-logo-list">
+    <ul class="frameworks-logo-list clearfix">
         <li><a href="http://symfony.com/"><img src="{{site.url}}/img/users/symfony.png" alt="Symfony 2" /></a></li>
         <li><a href="http://silex.sensiolabs.org/"><img src="{{site.url}}/img/users/silex.png" alt="Silex" /></a></li>
         <li><a href="http://laravel.com/"><img src="{{site.url}}/img/users/laravel.png" alt="Laravel 4" /></a></li>