From cb579524df7d697d1532d8c06106437cda90cfba Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sat, 4 May 2013 09:29:44 -0400
Subject: [PATCH] #204 - Plugin catalog tile margin

---
 dashboard-ui/css/posteritem.css           | 12 ++++++++++++
 dashboard-ui/scripts/plugincatalogpage.js |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css
index 8e3eb65179..09823ccfa2 100644
--- a/dashboard-ui/css/posteritem.css
+++ b/dashboard-ui/css/posteritem.css
@@ -33,6 +33,10 @@
     background-color: #999;
 }
 
+.borderlessPosterItem {
+    border: 0;
+}
+
 .posterItemText {
     text-overflow: ellipsis;
     overflow: hidden;
@@ -165,6 +169,14 @@
         .portraitPosterItem .posterItemImage {
             height: 162px;
         }
+
+    .smallBackdropPosterItem {
+        width: 192px;
+    }
+
+        .smallBackdropPosterItem .posterItemImage {
+            height: 108px;
+        }
 }
 
 @media all and (min-width: 1440px) {
diff --git a/dashboard-ui/scripts/plugincatalogpage.js b/dashboard-ui/scripts/plugincatalogpage.js
index 5639a59a69..9b1d4c3b5a 100644
--- a/dashboard-ui/scripts/plugincatalogpage.js
+++ b/dashboard-ui/scripts/plugincatalogpage.js
@@ -37,7 +37,7 @@
             var html = '';
             var plugin = availablePlugins[i];
 
-            html += "<a style='border:0;' class='posterItem backdropPosterItem transparentPosterItem' href='addPlugin.html?name=" + encodeURIComponent(plugin.name) + "'>";
+            html += "<a class='posterItem smallBackdropPosterItem transparentPosterItem borderlessPosterItem' href='addPlugin.html?name=" + encodeURIComponent(plugin.name) + "'>";
 
             if (plugin.thumbImage) {
                 html += '<div class="posterItemImage" style="background-image:url(\'' + plugin.thumbImage + '\');"></div>';