Slightly better repo list screen

static/css/quay.css

@@ -74,4 +74,27 @@ p.editable:hover i {
   padding: 4px;
   border: 1px solid #ddd;
   width: 300px;
-}
+}
+
+.repo-listing {
+  display: block;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #eee;
+  padding: 10px;
+}
+
+.repo-listing a {
+  font-size: 1.5em;
+}
+
+.repo-listing i {
+  font-size: 1.5em;
+  color: #999;
+  display: inline-block;
+  margin-right: 6px;
+}
+
+.repo-listing .description {
+  margin-top: 6px;
+  padding-left: 36px;
+}

static/partials/repo-list.html

@@ -1,6 +1,8 @@
 <div class="container">
   <h3>Repositories</h3>
-  <div ng-repeat="repository in repositories">
+  <div class="repo-listing" ng-repeat="repository in repositories">
+    <i class="icon-hdd icon-large"></i>
     <a ng-href="#/repository/{{repository.namespace}}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
+    <div class="description">{{repository.description}}</div>
   </div>
 </div>