From: Jeremy Kerr <jk@ozlabs.org>
Date: Wed, 7 May 2014 03:23:04 +0000 (+0800)
Subject: templates: display projects as inline-block elements
X-Git-Url: http://git.ozlabs.org/?a=commitdiff_plain;h=b6f1c6d1e2fe24808501b9e9b2f8ac948782c814;p=patchwork

templates: display projects as inline-block elements

... rather than one long list.

Signed-off-by: Jeremy Kerr <jk@ozlabs.org>
---

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 2b9f770..87e0cd5 100644
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -247,6 +247,28 @@ input#reorder-change {
 	border:1px solid #234f32;
 }
 
+/* project list view */
+.project-set {
+}
+
+.project-set .project {
+	display: inline-block;
+	vertical-align: top;
+	background: #fcfcfc;
+	border: thin solid #f0f0f0;
+	box-shadow: 5px 5px 5px #c0c0c0;
+	margin: 2em 0.2em;
+	padding: 1em;
+	width: 20em;
+	min-height: 5em;
+}
+
+.project h2.project-title {
+	font-weight: bold;
+	font-size: 110%;
+	margin: 0.2em 0;
+}
+
 /* patch view */
 table.patchmeta th {
 	text-align: left;
diff --git a/templates/patchwork/projects.html b/templates/patchwork/projects.html
index 5ccae9b..8c727ad 100644
--- a/templates/patchwork/projects.html
+++ b/templates/patchwork/projects.html
@@ -6,19 +6,20 @@
 {% block body %}
 
 {% if projects %}
- <dl>
+ <div class="project-set">
  {% for p in projects %}
-  <dt>
+ <div class="project">
+  <h2 class="project-title">
    <a href="{% url 'patchwork.views.patch.list' project_id=p.linkname %}"
     >{{p.linkname}}</a>
-  </dt>
-  <dd>{{p.name}}
+  </h2>
+  <div class="project-name">{{p.name}}</div>
 {% if p.web_url %}
-   (<a href="{{p.web_url}}">website</a>)
+  <div class="project-url"><a href="{{p.web_url}}">website</a></div>
 {% endif %}
-  </dd>
+  </div>
  {% endfor %}
- </dl>
+ </div>
 {% else %}
  <p>Patchwork doesn't have any projects to display!</p>
 {% endif %}