new category (un)collapse icons

feedlist.js

@@ -371,6 +371,13 @@ function toggleCollapseCat(cat) {
 		Effect.toggle('FCATLIST-' + cat, 'blind', { duration: 0.5,
 			afterFinish: toggleCollapseCat_af });
 
+		var img = cat_elem.getElementsByTagName("IMG")[0];
+
+		if (img.src.match("-collapse"))
+			img.src = img.src.replace("-collapse", "-uncollapse")
+		else
+			img.src = img.src.replace("-uncollapse", "-collapse")
+
 		new Ajax.Request("backend.php", 
 			{ parameters: "backend.php?op=feeds&subop=collapse&cid=" + 
 				param_escape(cat) } );

functions.php

@@ -4275,9 +4275,11 @@
 			if ($hidden) {
 				$holder_style = "display:none;";
 				$ellipsis = "…";
+				$collapse_pic = "cat-uncollapse.png";
 			} else {
 				$holder_style = "";
 				$ellipsis = "";
+				$collapse_pic = "cat-collapse.png";
 			}
 
 			$catctr_class = ($cat_unread > 0) ? "catCtrHasUnread" : "catCtrNoUnread";
@@ -4295,7 +4297,7 @@
 			print "<li class=\"$cat_class\" id=\"FCAT-$cat_id\">
 				<img onclick=\"toggleCollapseCat($cat_id)\" class=\"catCollapse\"
 					title=\"".__('Click to collapse category')."\"
-					src=\"images/cat-collapse.png\"><span class=\"$inner_title_class\" 
+					src=\"images/$collapse_pic?\"><span class=\"$inner_title_class\" 
 					id=\"FCATN-$cat_id\" $browse_cat_link/>$tmp_category</span>";
 
 			print "<span id=\"FCAP-$cat_id\">";

tt-rss.css

@@ -134,6 +134,10 @@ ul.feedList li.feedCat, ul.feedList li.virtCat {
 
 ul.feedList img.catCollapse {
 	cursor : pointer;
+	vertical-align : middle;
+	width : 11px;
+	height : 11px;
+	padding-bottom : 3px;
 }
 
 ul.feedList span.catTitle {