diff --git a/src/IDF/templates/idf/index.html b/src/IDF/templates/idf/index.html
index b093e76..a2f5abd 100644
--- a/src/IDF/templates/idf/index.html
+++ b/src/IDF/templates/idf/index.html
@@ -9,9 +9,23 @@
 {aurl 'url', 'IDF_Views_Admin::projectCreate'}
 <p><a href="{$url}"><img style="vertical-align: text-bottom;" src="{media '/idf/img/add.png'}" alt="+" align="bottom" /></a> <a href="{$url}">{trans 'Create Project'}</a></p>{/if}
 {else}
-<ul>{foreach $projects as $p}
-<li>{if $p.private}<img style="vertical-align: text-bottom;" src="{media '/idf/img/lock.png'}" alt="{trans 'Private project'}" /> {/if}<a href="{url 'IDF_Views_Project::home', array($p.shortname)}">{$p}</a>{if $p.shortdesc}, {$p.shortdesc}{/if}</li>
-{/foreach}</ul>
+{foreach $projects as $p}
+<div class="p-list-img">
+    <a href="{url 'IDF_Views_Project::home', array($p.shortname)}">
+    {if $p.logo != 0}
+        <img src="{$p.logo}" alt="{trans 'Project logo'}" />
+    {else}
+        <img src="{media '/idf/img/no_logo.png'}" alt="{trans 'Project logo'}" />
+    {/if}
+    </a>
+    {if $p.private}<div class="p-list-private"><a href="{url 'IDF_Views_Project::home', array($p.shortname)}"><img style="float:right" src="{media '/idf/img/lock.png'}" alt="{trans 'Private project'}" /></a></div>{/if}
+</div>
+<div class="p-list-prj">
+    <p><a href="{url 'IDF_Views_Project::home', array($p.shortname)}"><strong>{$p}</strong></a>{if $p.private} - {trans 'Private project'}</p>{/if}</p>
+    {if $p.shortdesc}<p>{$p.shortdesc}</p>{/if}
+</div>
+<div style="clear: both"></div>
+{/foreach}
 {/if}
 {/block}
 {block context}
diff --git a/www/media/idf/css/style.css b/www/media/idf/css/style.css
index c1e3356..3e92715 100644
--- a/www/media/idf/css/style.css
+++ b/www/media/idf/css/style.css
@@ -1043,3 +1043,24 @@ span.scm-action.property-changed {
 #stats td {
     padding: .2em;
 }
+
+/*
+ *  Project list on index
+ */
+div.p-list-img {
+    float: left;
+}
+
+div.p-list-prj {
+    float: left;
+    margin: 0 0 .5em 1em;
+}
+
+div.p-list-prj p {
+    margin: 0px;
+}
+
+.p-list-private {
+    bottom: 10px;
+    position: relative;
+}