From fa9f2134c0c216e2b969cca8a525aa54a7cb3cd5 Mon Sep 17 00:00:00 2001
From: Kovid Goyal <kovid@kovidgoyal.net>
Date: Sat, 16 Oct 2010 09:56:58 -0600
Subject: [PATCH] /browse: A grid layout for the toplevel page

---
 resources/content_server/browse/browse.css | 10 +++++++++-
 resources/content_server/browse/browse.js  |  6 ++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/resources/content_server/browse/browse.css b/resources/content_server/browse/browse.css
index 6f740875f4..80f71db55e 100644
--- a/resources/content_server/browse/browse.css
+++ b/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 {
diff --git a/resources/content_server/browse/browse.js b/resources/content_server/browse/browse.js
index 367b8341d9..8637ef2c96 100644
--- a/resources/content_server/browse/browse.js
+++ b/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));
+
 }
 // }}}