From ae10bc92704bec27a17020f35a51baf5d2c57d34 Mon Sep 17 00:00:00 2001
From: Christophe Dumez <chris@qbittorrent.org>
Date: Thu, 26 Nov 2009 10:21:13 +0000
Subject: [PATCH] - Made Web UI tool bar looks exactly like the Web UI one
 (same buttons orders and added separators)

---
 src/Icons/skin/toolbox-divider.gif | Bin 0 -> 48 bytes
 src/icons.qrc                      |   1 +
 src/webui/css/mocha.css            |   5 +++++
 src/webui/index.html               |  12 ++++++------
 4 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 src/Icons/skin/toolbox-divider.gif

diff --git a/src/Icons/skin/toolbox-divider.gif b/src/Icons/skin/toolbox-divider.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fb70d77bc4c587fe30961ceeb80c20efc54680a3
GIT binary patch
literal 48
xcmZ?wbhEHbWMU9uXkcJCa^%SW|Nj+#vM_*v4u}BBFfg(6^ejL5dM+1(H2_Am48{Ne

literal 0
HcmV?d00001

diff --git a/src/icons.qrc b/src/icons.qrc
index 58adabf6a..939eecb01 100644
--- a/src/icons.qrc
+++ b/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>
diff --git a/src/webui/css/mocha.css b/src/webui/css/mocha.css
index ea94f38b6..cabf0535d 100644
--- a/src/webui/css/mocha.css
+++ b/src/webui/css/mocha.css
@@ -577,6 +577,11 @@ li.divider {
 div.mochaToolbarWrapper.bottom {
 	border: 0;
 	border-bottom: 1px solid #d9d9d9;
+}
+
+#mochaToolbar .divider {
+	background: url(../images/skin/toolbox-divider.gif) left center no-repeat;
+	padding: 30px 3px 0 12px;
 }
 
 #mochaToolbar {
diff --git a/src/webui/index.html b/src/webui/index.html
index 0a5da4ad1..592673787 100644
--- a/src/webui/index.html
+++ b/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>