From 06f9b01c376ef7405bbdda0bee7e7ef2a02fdf74 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sat, 30 Jul 2016 17:15:47 -0400
Subject: [PATCH] fix up plugin catalog

---
 dashboard-ui/scripts/plugincatalogpage.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/dashboard-ui/scripts/plugincatalogpage.js b/dashboard-ui/scripts/plugincatalogpage.js
index c3f6707883..18920e3152 100644
--- a/dashboard-ui/scripts/plugincatalogpage.js
+++ b/dashboard-ui/scripts/plugincatalogpage.js
@@ -1,4 +1,4 @@
-define(['jQuery'], function ($) {
+define(['jQuery', 'cardStyle'], function ($) {
 
     // The base query options
     var query = {
@@ -119,12 +119,16 @@
                 return 0;
             });
 
+            html += '<div class="itemsContainer vertical-wrap">';
             var limit = screen.availWidth >= 1920 ? 15 : 12;
             for (i = 0, length = Math.min(topPlugins.length, limit) ; i < length; i++) {
                 html += getPluginHtml(topPlugins[i], options, installedPlugins);
             }
+            html += '</div>';
         }
 
+        var hasOpenTag = false;
+
         for (i = 0, length = availablePlugins.length; i < length; i++) {
 
             plugin = availablePlugins[i];
@@ -135,12 +139,16 @@
 
                 if (options.showCategory !== false) {
                     if (currentCategory) {
+                        hasOpenTag = false;
+                        html += '</div>';
                         html += '<br/>';
                         html += '<br/>';
                         html += '<br/>';
                     }
 
                     html += '<div class="detailSectionHeader">' + category + '</div>';
+                    html += '<div class="itemsContainer vertical-wrap">';
+                    hasOpenTag = true;
                 }
 
                 currentCategory = category;
@@ -150,6 +158,10 @@
 
         }
 
+        if (hasOpenTag) {
+            html += '</div>';
+        }
+
         if (!availablePlugins.length && options.noItemsElement) {
             $(options.noItemsElement).hide();
         }
@@ -169,7 +181,7 @@
         }
         var target = plugin.externalUrl ? ' target="_blank"' : '';
 
-        html += "<div class='card backdropCard bottomPaddedCard'>";
+        html += "<div class='card backdropCard bottomPaddedCard scalableCard'>";
 
         html += '<div class="cardBox visualCardBox">';
         html += '<div class="cardScalable">';