enable feedlist collapsing

tt-rss.css

@@ -555,15 +555,16 @@ td.selectPrompt {
 }
 
 div#headlines-toolbar {
-	border-width : 0px;
+	border-width : 1px 0px 1px 1px;
-	background-color : white;
+	background-color : #ecf4ff;
+	border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
 	font-size : 11px;
 	font-family : "Lucida Grande", "Segoe UI", Tahoma, Arial, sans-serif;
 	color : gray;
 	padding : 0px;
 	margin : 0px;
 	overflow : hidden;
-	height : 21px;
+	height : 23px;
 }
 
 div#headlines-toolbar .dijitSelect {
@@ -575,6 +576,7 @@ div#headlines-toolbar div#subtoolbar_main {
 	width : 100%;
 	white-space : nowrap;
 	vertical-align : middle;
+	padding-left : 5px;
 }
 
 div#headlines-toolbar div#subtoolbar_ftitle {
@@ -1462,6 +1464,12 @@ div.fatalError textarea {
 	padding : 0px;
 	border-color : #88b0f0;
 	border-right-width : 0px;
+	margin-top : 0px;
+	border-top-width : 0px;
+}
+
+#headlines-toolbar_splitter {
+	display : none;
 }
 
 #headlinesInnerContainer {

tt-rss.js

@@ -648,7 +648,16 @@ function feedEditSave() {
 
 function collapse_feedlist() {
 	try {
-		console.warn("collapse_feedlist: function not implemented");
+
+		if (!Element.visible('feeds-holder')) {
+			Element.show('feeds-holder');
+			$("collapse_feeds_btn").innerHTML = "<<";
+		} else {
+			Element.hide('feeds-holder');
+			$("collapse_feeds_btn").innerHTML = ">>";
+		}
+
+		dijit.byId("main").resize();
 
 		query = "?op=rpc&subop=setpref&key=_COLLAPSED_FEEDLIST&value=true";
 		new Ajax.Request("backend.php", { parameters: query });

tt-rss.php

@@ -134,7 +134,7 @@
 		<form id="main_toolbar_form" action="" onsubmit='return false'>
 
 		<button id="collapse_feeds_btn" onclick="collapse_feedlist()"
-			title="<?php echo __('Collapse feedlist') ?>" style="display : none">
+			title="<?php echo __('Collapse feedlist') ?>" style="display : inline">
 			&lt;&lt;</button>
 
 		<select name="view_mode" title="<?php echo __('Show articles') ?>"