/browse: A grid layout for the toplevel page

resources/content_server/browse/browse.css

@@ -187,6 +187,9 @@ h2.library_name {
     list-style-type: none;
     margin: 0;
     padding: 0;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
 }
 
 .toplevel li {
@@ -194,15 +197,20 @@ h2.library_name {
     padding: 0.75em;
     cursor: pointer;
     font-size: larger;
+    float: left;
     border-radius: 15px;
     -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
+    display: inline;
+    width: 250px;
+    height: 48px;
+    overflow: hidden;
 
 }
 
 .toplevel li img {
     vertical-align: middle;
-    margin-right: 2em;
+    margin-right: 1em;
 }
 
 .toplevel li:hover {

resources/content_server/browse/browse.js

@@ -81,6 +81,12 @@ function toplevel() {
         var href = $(this).children("span").html();
         window.location = href;
     });
+
+
+    var last = $(".toplevel li").last();
+    var bottom = last.position().top + last.height();
+    $("#main").height(Math.max(680, bottom+150));
+
 }
 // }}}