templates: display projects as inline-block elements

... rather than one long list.

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

1 files changed, 22 insertions, 0 deletions

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;