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 2b9f770204f9a493aadbd8046acbdbe4f3a0aa17..87e0cd5d7f6f86ab795e72a447022d4ea36a3c0a 100644 (file)
--- 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 5ccae9bc789a63f6a488834c9fda9f4d7d39edab..8c727ad12fdb55c0b7897f3da4a91f893c47883e 100644 (file)
--- 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 %}