- Made Web UI tool bar looks exactly like the Web UI one (same buttons orders and added separators)

src/icons.qrc

@@ -35,6 +35,7 @@
   <file>Icons/skin/increase.png</file>
   <file>Icons/skin/qbittorrent32.png</file>
   <file>Icons/skin/paused.png</file>
+  <file>Icons/skin/toolbox-divider.gif</file>
   <file>Icons/skin/stalledDL.png</file>
   <file>Icons/skin/qb_question.png</file>
   <file>Icons/skin/download.png</file>

src/webui/css/mocha.css

@@ -579,6 +579,11 @@ div.mochaToolbarWrapper.bottom {
 	border-bottom: 1px solid #d9d9d9;
 }
 
+#mochaToolbar .divider {
+	background: url(../images/skin/toolbox-divider.gif) left center no-repeat;
+	padding: 30px 3px 0 12px;
+}
+
 #mochaToolbar {
 	padding: 4px 4px 4px 4px;
 	background: #f0f0f0;

src/webui/index.html

@@ -65,19 +65,19 @@
 				</ul>
 			</div>
 			<div id="mochaToolbar">
+				<a id="uploadButton"><img class="mochaToolButton" title="_(Download local torrent)" src="images/skin/open.png"/></a>
 				<a id="downloadButton"><img class="mochaToolButton" title="_(Download from URL)" src="images/skin/url.png"/></a>
-			  <a id="uploadButton"><img class="mochaToolButton" title="_(Download local torrent)" src="images/skin/open.png"/></a>
-			  <a id="deleteButton"><img class="mochaToolButton" title="_(Delete)" src="images/skin/delete.png"/></a>
+			  <a id="deleteButton" class="divider"><img class="mochaToolButton" title="_(Delete)" src="images/skin/delete.png"/></a>
 			  <a id="deletePermButton"><img class="mochaToolButton" title="_(Delete from HD)" src="images/skin/delete_perm.png"/></a>
-				<a id="resumeButton"><img class="mochaToolButton" title="_(Start)" src="images/skin/play.png"/></a>
+				<a id="resumeButton" class="divider"><img class="mochaToolButton" title="_(Start)" src="images/skin/play.png"/></a>
 				<a id="pauseButton"><img class="mochaToolButton" title="_(Pause)" src="images/skin/pause.png"/></a>
-				<a id="resumeAllButton"><img class="mochaToolButton" title="_(Start All)" src="images/skin/play_all.png"/></a>
+				<a id="resumeAllButton" class="divider"><img class="mochaToolButton" title="_(Start All)" src="images/skin/play_all.png"/></a>
 				<a id="pauseAllButton"><img class="mochaToolButton" title="_(Pause All)" src="images/skin/pause_all.png"/></a>
-				<a id="preferencesButton"><img class="mochaToolButton" title="_(Preferences)" src="images/skin/settings.png"/></a>
 				<span id="queueingButtons">
-				<a id="decreasePrioButton"><img class="mochaToolButton" title="_(Decrease priority)" src="images/skin/decrease.png"/></a>
+				<a id="decreasePrioButton" class="divider"><img class="mochaToolButton" title="_(Decrease priority)" src="images/skin/decrease.png"/></a>
 				<a id="increasePrioButton"><img class="mochaToolButton" title="_(Increase priority)" src="images/skin/increase.png"/></a>
 				</span>
+				<a id="preferencesButton" class="divider"><img class="mochaToolButton" title="_(Preferences)" src="images/skin/settings.png"/></a>
 			</div>
 		</div>
 		<div id="pageWrapper"><span id="error_div"></span>