From 55bf137efe37f904fa4999abf110494f7cad73a8 Mon Sep 17 00:00:00 2001
From: tworrall <tworrall@440791e1-c2bf-4c1e-ad7c-caf3f8b0ebe8>
Date: Wed, 13 Jul 2011 20:37:50 +0000
Subject: [PATCH] changes for the index page to display columns uniformly

---
 webapp/web/css/vitro.css                             | 4 +++-
 webapp/web/templates/freemarker/body/classGroups.ftl | 8 ++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/webapp/web/css/vitro.css b/webapp/web/css/vitro.css
index 5663789e9..7a2f951d5 100644
--- a/webapp/web/css/vitro.css
+++ b/webapp/web/css/vitro.css
@@ -89,9 +89,11 @@
     margin-right:25px;
 }
 #isotope-container {
-    height:1250px;
     overflow:visible;
 }
+#isotope-container li {
+    width:290px;
+}
 /* <------ SEARCH RESULTS PAGE*/
 .searchTOC {    
     margin-bottom: 1.5em; 
diff --git a/webapp/web/templates/freemarker/body/classGroups.ftl b/webapp/web/templates/freemarker/body/classGroups.ftl
index 694cc5685..45d986672 100644
--- a/webapp/web/templates/freemarker/body/classGroups.ftl
+++ b/webapp/web/templates/freemarker/body/classGroups.ftl
@@ -27,14 +27,18 @@
     </section>
 
     ${headScripts.add('<script type="text/javascript" src="${urls.base}/js/jquery_plugins/isotope/jquery.isotope.min.js"></script>')}
+    <script>
+        var initHeight = $("#isotope-container").height();
+        initHeight = (initHeight + 100)/3 ;
+        $("#isotope-container").css("height",initHeight + "px");
+    </script>
     <script>
         $('#isotope-container').isotope({
           // options
           itemSelector : '.class-group',
           layoutMode : 'fitColumns'
         });
-    </script>
-    
+    </script>    
 <#else>
     ${noDataNotification}
 </#if>