Make the dashboard less ugly

css/dashboard.css

@@ -2,14 +2,20 @@
 	border-top: 1px solid #000;
 	clear: left;
 }
+	h2 {
+		width: 80%;
+		float: left;
+		font-size: 1.75em;
+	}
 	.status {
+		width: 18%;
 		display: inline-block;
 		float: right;
+		font-size: 1.25em;
 		font-weight: bold;
-		font-size: .5em;
 		color: white;
-		padding: 0 5px;
-		margin-top: -11.466px;
+		padding: 2px 5px;
+		text-align: center;
 	}
 		.status.planning {
 			background-color: gray;
@@ -23,6 +29,9 @@
 		.status.shipped {
 			background-color: green;
 		}
+	.project p {
+		line-height: 1.5em;
+	}
 .project > div:nth-of-type(2) {
 	float: left;
 	width: 48.82117%;

dashboard.md

@@ -14,7 +14,8 @@ We have projects underway to help to build the capacity of open data. Here is th
 {% for project in site.data.dashboard %}
   <div class="project">
     <div>
-   		<h2>{{ project.title }} <span class="status {{ project.status }}">{{ project.status }}</span></h2>
+   		<h2>{{ project.title }}</h2>
+   		<div class="status {{ project.status }}">{{ project.status }}</div>
     </div>
     <div>
 	    <p>{{ project.description }}</p>
@@ -27,15 +28,15 @@ We have projects underway to help to build the capacity of open data. Here is th
 	    
 	    <ul>
 	    {% if project.repository != null %}
-	    <p><a href="{{ project.repository }}">Repository</a></p>
+	    <li><a href="{{ project.repository }}">Repository</a></li>
 	    {% endif %}
 	   
 	    {% if project.blog_entry != null %}
-	    <p><a href="{{ project.blog_entry }}">Blog Entry</a></p>
+	    <li><a href="{{ project.blog_entry }}">Blog Entry</a></li>
 	    {% endif %}
 	   
 	    {% if project.website != null %}
-	    <p><a href="{{ project.website }}">Website</a></p>
+	    <li><a href="{{ project.website }}">Website</a></li>
 	    {% endif %}
 	    </ul>
     </div>