From f63199f7b70f76f2d993d4cf3f7c8c53d6f57428 Mon Sep 17 00:00:00 2001
From: Christophe Dumez <chris@qbittorrent.org>
Date: Mon, 23 Nov 2009 19:57:33 +0000
Subject: [PATCH] - Still working on Web UI remodeling

---
 src/Icons/skin/bg-handle-horizontal.gif   | Bin 0 -> 57 bytes
 src/Icons/skin/handle-icon-horizontal.gif | Bin 0 -> 46 bytes
 src/Icons/skin/handle-icon.gif            | Bin 0 -> 46 bytes
 src/icons.qrc                             |   3 +++
 src/webui/css/mocha.css                   |  20 ++++++++++----------
 src/webui/scripts/mocha.js                |   2 +-
 6 files changed, 14 insertions(+), 11 deletions(-)
 create mode 100644 src/Icons/skin/bg-handle-horizontal.gif
 create mode 100644 src/Icons/skin/handle-icon-horizontal.gif
 create mode 100644 src/Icons/skin/handle-icon.gif

diff --git a/src/Icons/skin/bg-handle-horizontal.gif b/src/Icons/skin/bg-handle-horizontal.gif
new file mode 100644
index 0000000000000000000000000000000000000000..27fd405babc5bc3baf38e20a34286260f81b0a71
GIT binary patch
literal 57
zcmZ?wbhEHb<YHi9n8?8J<jIqdA3wf+{rbm`ABsO&7(hS=M1bTOn7HQjFFgH-zj4kM
H1_o;Ycw!W2

literal 0
HcmV?d00001

diff --git a/src/Icons/skin/handle-icon-horizontal.gif b/src/Icons/skin/handle-icon-horizontal.gif
new file mode 100644
index 0000000000000000000000000000000000000000..fb7dff1992a5f4fd8a016e63445419526f89bb7e
GIT binary patch
literal 46
ycmZ?wbhEHb<X~W8XkcVWNlE$t|G(l-7DfgJMg|=QAOOiQFtM^EWlRraum%7DWC^eU

literal 0
HcmV?d00001

diff --git a/src/Icons/skin/handle-icon.gif b/src/Icons/skin/handle-icon.gif
new file mode 100644
index 0000000000000000000000000000000000000000..42412517c3c69dfbe268570cfa7fd2044aaef45c
GIT binary patch
literal 46
ycmZ?wbhEHbWMbf8XkcV8Ha7nF@uT8T7DfgJMg|=QAOOiQFtN4>7On_qum%9^DG5CQ

literal 0
HcmV?d00001

diff --git a/src/icons.qrc b/src/icons.qrc
index 65d03e0bf..67d239c0b 100644
--- a/src/icons.qrc
+++ b/src/icons.qrc
@@ -11,6 +11,7 @@
   <file>Icons/uparrow.png</file>
   <file>Icons/rss16.png</file>
   <file>Icons/skin/checkingUP.png</file>
+  <file>Icons/skin/bg-handle-horizontal.gif</file>
   <file>Icons/skin/play.png</file>
   <file>Icons/skin/qbittorrent22.png</file>
   <file>Icons/skin/queuedDL.png</file>
@@ -19,6 +20,8 @@
   <file>Icons/skin/preview.png</file>
   <file>Icons/skin/stalled.png</file>
   <file>Icons/skin/delete.png</file>
+  <file>Icons/skin/handle-icon-horizontal.gif</file>
+  <file>Icons/skin/handle-icon.gif</file>
   <file>Icons/skin/url.png</file>
   <file>Icons/skin/stalledUP.png</file>
   <file>Icons/skin/filteractive.png</file>
diff --git a/src/webui/css/mocha.css b/src/webui/css/mocha.css
index 113aafdbc..bc9793fbc 100644
--- a/src/webui/css/mocha.css
+++ b/src/webui/css/mocha.css
@@ -372,7 +372,7 @@ li.divider {
 	top: 0;
 	left: 0;
 	right: 0;
-	padding: 8px;
+	padding: 0;
 	overflow: hidden;
 }
 
@@ -394,7 +394,7 @@ li.divider {
 }	
 
 .panel-headerContent.tabs {
-	background: url(../images/tabs.gif) repeat-x;
+	background: url(../images/skin/tabs.gif) repeat-x;
 	background-position: left -68px;	
 }
 
@@ -454,7 +454,7 @@ li.divider {
 	line-height: 1px;
 	font-size: 1px;
 	overflow: hidden;
-	background: #d1d1d1 url(../images/bg-handle-horizontal.gif) repeat-x;
+	background: #d1d1d1 url(../images/skin/bg-handle-horizontal.gif) repeat-x;
 }
 
 .horizontalHandle.detached .handleIcon {
@@ -467,7 +467,7 @@ li.divider {
 	line-height: 1px;
 	font-size: 1px;
 	overflow: hidden;
-	background: url(../images/handle-icon-horizontal.gif) center center no-repeat;
+	background: url(../images/skin/handle-icon-horizontal.gif) center center no-repeat;
 }
 
 .columnHandle {
@@ -475,7 +475,7 @@ li.divider {
 	float: left;
 	width: 4px;
 	overflow: hidden;
-	background: #bbb url(../images/handle-icon.gif) center center no-repeat;
+	background: #bbb url(../images/skin/handle-icon.gif) center center no-repeat;
 	border: 1px solid #9a9a9a;
 	border-top: 0;
 }
@@ -764,7 +764,7 @@ div.mochaToolbarWrapper.bottom {
 
 .toolbarTabs {	
 	padding: 0 5px 2px 2px;
-	background: url(../images/tabs.gif) repeat-x;
+	background: url(../images/skin/tabs.gif) repeat-x;
 	background-position: left -70px;
 	overflow: visible;
 }
@@ -783,12 +783,12 @@ div.mochaToolbarWrapper.bottom {
 	float: left;
 	margin:	0 0 5px 0;
 	cursor: pointer;	
-	background: url(../images/tabs.gif) repeat-x;
+	background: url(../images/skin/tabs.gif) repeat-x;
 	background-position: left -35px;
 }
 
 .tab-menu li.selected {
-	background: url(../images/tabs.gif) repeat-x;
+	background: url(../images/skin/tabs.gif) repeat-x;
 	background-position: left 0;
 }
 
@@ -799,14 +799,14 @@ div.mochaToolbarWrapper.bottom {
 	text-align: center;
 	font-weight: normal;
 	color: #141414;
-	background: url(../images/tabs.gif) repeat-x;
+	background: url(../images/skin/tabs.gif) repeat-x;
 	background-position: right -35px;	
 }
 
 .tab-menu li.selected a {
 	color: #141414;
 	font-weight: bold;	
-	background: url(../images/tabs.gif) repeat-x;
+	background: url(../images/skin/tabs.gif) repeat-x;
 	background-position: right 0;
 }
 
diff --git a/src/webui/scripts/mocha.js b/src/webui/scripts/mocha.js
index 170a7b871..0fa4ff6d1 100644
--- a/src/webui/scripts/mocha.js
+++ b/src/webui/scripts/mocha.js
@@ -3420,7 +3420,7 @@ MochaUI.Panel = new Class({
 		height:           125,
 		addClass:         '',
 		scrollbars:       true,
-		padding:   		  { top: 8, right: 8, bottom: 8, left: 8 },
+		padding:   		  { top: 0, right: 0, bottom: 0, left: 0 },
 
 		// Color options:		
 		panelBackground:   '#f8f8f8',