ui: use dijit.Toolbar

tt-rss.css

@@ -929,7 +929,7 @@ html, body#ttrssPrefs, #main {
 #toolbar div.actionChooser {
 	display : table-cell;
 	text-align : right;
-	padding-right : 5px;
+	padding-right : 3px;
 }
 
 /* preferences layout */
@@ -1478,7 +1478,7 @@ div.fatalError textarea {
 }
 
 #toolbar {
-	padding : 5px 0px 0px 5px;
+	padding : 0px;
 	margin : 0px;
 	border-width : 0px;
 	white-space: nowrap;

tt-rss.js

@@ -280,6 +280,7 @@ function init() {
 		dojo.require("dojo.data.ItemFileWriteStore");
 		dojo.require("dijit.Tree");
 		dojo.require("dijit.form.Select");
+		dojo.require("dijit.Toolbar");
 		dojo.require("dojo.parser");
 
 		if (typeof themeBeforeLayout == 'function') {

tt-rss.php

@@ -129,6 +129,8 @@
 
 <div id="toolbar" dojoType="dijit.layout.ContentPane" region="top">
 
+	<div id="main-toolbar" dojoType="dijit.Toolbar">		
+
 		<form id="main_toolbar_form" action="" onsubmit='return false'>
 
 		<button id="collapse_feeds_btn" onclick="collapse_feedlist()"
@@ -188,6 +190,8 @@
 			</select>
 		</div>
 
+		</div>
+
 	</div>
 
 	<div id="headlines-wrap-inner" dojoType="dijit.layout.BorderContainer" region="center">