From 9cbbeab91c4f932cabacbe27ef21a93621cf455d Mon Sep 17 00:00:00 2001
From: Ian Fischer <itfische@gmail.com>
Date: Wed, 19 Sep 2007 23:13:32 -0700
Subject: [PATCH] Improved the grid layout when things are different sizes.

---
 chrome/content/grid.js | 2 +-
 chrome/skin/grid.css   | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/chrome/content/grid.js b/chrome/content/grid.js
index cf89cc2..f244761 100644
--- a/chrome/content/grid.js
+++ b/chrome/content/grid.js
@@ -27,7 +27,7 @@ function Grid(container) {
     var box = document.createElement('li');
     box.innerHTML = '<div title="'+tab.title+'"><span class="delete" title="delete taboo"></span><span class="title"><nobr>' +
       tab.title + '</nobr></span><span class="url" title="'+ tab.url +'">' +
-      tab.url + '</span><img class="preview" src="' + tab.thumbURL + '" /></div>';
+      tab.url + '</span><span class="thumb"><img class="preview" src="' + tab.thumbURL + '" /></span></div>';
 
     box.onclick = function(event) {
       if (event.originalTarget.className == 'delete') {
diff --git a/chrome/skin/grid.css b/chrome/skin/grid.css
index 062ac0b..e1e1635 100644
--- a/chrome/skin/grid.css
+++ b/chrome/skin/grid.css
@@ -13,7 +13,6 @@
   display: block;
   height: 160px;
   margin-bottom: 5px;
-  overflow: hidden;
 }
 
 .grid li span {
@@ -31,6 +30,11 @@
   color: #777;
 }
 
+.grid li span.thumb {
+	overflow: hidden;
+	max-height: 105px;
+}
+
 .grid li img.preview {
   max-width: 125px;
   max-height: 125px;
@@ -84,7 +88,6 @@
 
 .grid li img.preview {
   margin-top: 5px;
-  margin-left: 6px;
   border: 1px solid #888;
 }
 
-- 
2.11.4.GIT