fix display of feed browser (probably closes #22)

backend.php

@@ -1565,11 +1565,13 @@
 					$feed_icon = "<img class=\"tinyFeedIcon\" src=\"images/blank_icon.gif\">";
 				}
 
-				$check_box = "<input class='feedBrowseCB' type=\"checkbox\" id=\"FBCHK-" . 
-					$details["id"] . "\">";
+				$check_box = "<input onclick='toggleSelectListRow(this)' class='feedBrowseCB' 
+					type=\"checkbox\" id=\"FBCHK-" . $details["id"] . "\">";
 
-				print "<li id=\"FBROW-".$details["id"]."\">$check_box $feed_icon" . 
-					db_unescape_string($details["title"]) . 
+				$class = ($feedctr % 2) ? "even" : "odd";
+
+				print "<li class='$class' id=\"FBROW-".$details["id"]."\">$check_box".
+					"$feed_icon " . db_unescape_string($details["title"]) . 
 					"&nbsp;<span class='subscribers'>($subscribers)</span></li>";
 
 					++$feedctr;

functions.js

@@ -625,6 +625,20 @@ function toggleSelectRowById(sender, id) {
 	}
 }
 
+function toggleSelectListRow(sender) {
+	var parent_row = sender.parentNode;
+
+	if (sender.checked) {
+		if (!parent_row.className.match("Selected")) {
+			parent_row.className = parent_row.className + "Selected";
+		}
+	} else {
+		if (parent_row.className.match("Selected")) {
+			parent_row.className = parent_row.className.replace("Selected", "");
+		}
+	}
+}
+
 
 function toggleSelectRow(sender) {
 	var parent_row = sender.parentNode.parentNode;

tt-rss.css

@@ -927,7 +927,13 @@ ul.browseFeedList {
 	height : 300px;
 	overflow : auto;
 	list-style-type : none;
-	margin-bottom : 5px;
+	margin : 0px 0px 5px 0px;
+	padding : 0px;
+}
+
+ul.browseFeedList li {
+	margin : 0px;
+	padding : 0px;
 }
 
 span.subscribers {