Adjust CSS for IE compatibility while keeping the grid tight on non-IE.

1 files changed, 10 insertions, 9 deletions

diff --git a/modules/organize/css/organize.css b/modules/organize/css/organize.css
index 3d7b4a0c..3f7ce8f6 100644
--- a/modules/organize/css/organize.css
+++ b/modules/organize/css/organize.css
@@ -4,11 +4,9 @@
 
 .g-organize div.thumb {
   padding: 8px;
-  margin: 8px;
-  width: 144px;
-  height: 149px;
+  width: 128px;
+  height: 128px;
   vertical-align: middle;
-  text-align: center;
   float: left;
 }
 
@@ -16,14 +14,13 @@
   background: #C9D8EB;
 }
 
-.g-organize div.thumb img {
+.g-organize div.thumb {
   border: 4px solid white;
-  margin: 0px;
 }
 
 .g-organize div.thumb:hover {
   border: 2px solid #eee;
-  margin: 6px;
+  margin: 2px;
   cursor: pointer;
 }
 
@@ -61,12 +58,10 @@
 
 .g-organize div.active-left {
   border-left: 4px solid #C9D8EB;
-  margin-left: 4px;
 }
 
 .g-organize div.active-right {
   border-right: 4px solid #C9D8EB;
-  margin-right: 4px;
 }
 
 .g-organize label.sort {
@@ -87,6 +82,12 @@
   background-repeat: no-repeat;
 }
 
+/* IE specific overrides */
+body.ext-ie div.thumb {
+  width: 150px;
+  height: 150px;
+}
+
 /* ExtJS overrides */
 .x-tree-node-el {
   font-size: 12px;