ui: Split the tiles in columns and increase the mininum size

Let's try to make that page looks better when the natural size of the tiles are different (because the contents have varying sizes). Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
dlespiau · Dec 20, 2015 · 98fe494 · 98fe494
1 parent c32affe
commit 98fe494
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/htdocs/css/style.css b/htdocs/css/style.css
@@ -196,7 +196,7 @@ input#reorder-change {
 }
 
 .thumbnail {
-	min-height: 150px;
+	min-height: 200px;
 }
 
 /* patch view */

diff --git a/patchwork/templates/patchwork/projects.html b/patchwork/templates/patchwork/projects.html
@@ -5,9 +5,11 @@
 
 {% block body %}
 
+<div style="margin-top:20px;"></div>
+
 {% if projects %}
-<div class="row" style="margin-top:20px;">
 {% for p in projects %}
+{% cycle '<div class="row">' '' '' %}
   <div class="col-sm-6 col-md-4">
     <div class="thumbnail">
       <div class="caption">
@@ -28,9 +30,13 @@ <h3>{{p.name}}</h3>
       </div>
     </div>
   </div>
-{% endfor %}
+{% if forloop.last %}
 </div>
 {% else %}
+{% cycle '' '' '</div>' %}
+{% endif %}
+{% endfor %}
+{% else %}
 <p>Patchwork doesn't have any projects to display!</p>
 {% endif %}