Make feedlist padding a bit dynamic

2 files changed, 15 insertions, 1 deletions

diff --git a/p/scripts/main.js b/p/scripts/main.js
index 5be7bc36b..0fc6ca30b 100644
--- a/p/scripts/main.js
+++ b/p/scripts/main.js
@@ -541,9 +541,18 @@ function init_column_categories() {
 				feed_web = $(this).data('fweb'),
 				template = $('#feed_config_template').html().replace(/------/g, feed_id).replace('http://example.net/', feed_web);
 			$(this).attr('href', '#dropdown-' + feed_id).prev('.dropdown-target').attr('id', 'dropdown-' + feed_id).parent().append(template);
+			$('.tree-folder-items .dropdown-close a').click(function(){
+				$('.tree').removeClass('treepadding');
+				$(document.body).trigger("sticky_kit:recalc");
+			});
 		}
 	});
 
+	$('.tree-folder-items .dropdown-toggle').click(function(){
+		$('.tree').addClass('treepadding');
+		$(document.body).trigger("sticky_kit:recalc");
+	});
+
 	init_sticky_column();
 }
 
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index 277bb61b2..f1a09c50c 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -346,10 +346,15 @@ a.btn {
 /*=== Tree */
 .tree {
 	margin: 0;
-	padding: 0 0 15em 0;
+	padding: 0 0 2em 0;
 	list-style: none;
 	text-align: left;
 }
+
+.treepadding {
+	padding: 0 0 15em 0;
+}
+
 .tree-folder-items {
 	padding: 0;
 	list-style: none;