added more styles for themes and plugins

2 files changed, 6 insertions, 3 deletions

diff --git a/plugins/CorePluginsAdmin/templates/browsePlugins.twig b/plugins/CorePluginsAdmin/templates/browsePlugins.twig
index 6fa96cbed9..e8d2917f37 100644
--- a/plugins/CorePluginsAdmin/templates/browsePlugins.twig
+++ b/plugins/CorePluginsAdmin/templates/browsePlugins.twig
@@ -3,6 +3,7 @@
 {% block content %}
     <style type="text/css">
         .plugin { padding: 15px;border-top: 5px solid white; }
+        .plugin.first { border-top: 0px; }
         .plugin.odd { background-color: #F6F5F3; }
         .plugin.even { background-color: #EFEEEC; }
         .plugin li { display: inline-block;padding-right: 10px;font-size: 90%; }
@@ -11,7 +12,7 @@
         .plugin .description { padding-bottom: 10px; }
         .plugin .install { float: right; }
         .plugin .more { font-weight: bold; text-decoration: none; color: #255792; }
-        .pluginslist { margin-top: 20px;max-width:980px;clear: right; }
+        .pluginslist { margin-top: 20px;max-width:980px;clear: right;border: 1px solid #dadada; padding: 2px; }
         .infoBox {
             font-size: 14px;
             margin: 0px 0px 10px 10px;
@@ -60,7 +61,7 @@
         {% if plugins|length %}
             {% for plugin in plugins %}
 
-                <div class="plugin {{ cycle(['odd', 'even'], loop.index) }}">
+                <div class="plugin {{ cycle(['odd', 'even'], loop.index) }} {% if loop.first %}first{% endif %}">
                     {% if plugin.isInstalled %}
                         <span class="install">Installed</span>
                     {% else %}
diff --git a/plugins/CorePluginsAdmin/templates/browseThemes.twig b/plugins/CorePluginsAdmin/templates/browseThemes.twig
index 48eabbb7e1..9ed6d0f849 100644
--- a/plugins/CorePluginsAdmin/templates/browseThemes.twig
+++ b/plugins/CorePluginsAdmin/templates/browseThemes.twig
@@ -9,7 +9,9 @@
         .plugin .more { font-weight: bold; text-decoration: none; color: #1D3256 }
         .plugin .metadata { margin-top: 10px; }
         .plugin h3 { display: inline; }
-        .plugin { width: 300px; float: left; }
+        .plugin { width: 300px; float: left; border: 1px solid #dadada; padding: 15px; background-color: #F6F5F3;
+            margin-right: 5px; margin-bottom: 5px;
+        }
         .themeslist { margin-top: 20px;max-width:980px;clear:right; }
         .infoBox {
             font-size: 14px;