diff --git a/src/Icons/skin/bg-handle-horizontal.gif b/src/Icons/skin/bg-handle-horizontal.gif
new file mode 100644
index 000000000..27fd405ba
Binary files /dev/null and b/src/Icons/skin/bg-handle-horizontal.gif differ
diff --git a/src/Icons/skin/handle-icon-horizontal.gif b/src/Icons/skin/handle-icon-horizontal.gif
new file mode 100644
index 000000000..fb7dff199
Binary files /dev/null and b/src/Icons/skin/handle-icon-horizontal.gif differ
diff --git a/src/Icons/skin/handle-icon.gif b/src/Icons/skin/handle-icon.gif
new file mode 100644
index 000000000..42412517c
Binary files /dev/null and b/src/Icons/skin/handle-icon.gif differ
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 @@
Icons/uparrow.png
Icons/rss16.png
Icons/skin/checkingUP.png
+ Icons/skin/bg-handle-horizontal.gif
Icons/skin/play.png
Icons/skin/qbittorrent22.png
Icons/skin/queuedDL.png
@@ -19,6 +20,8 @@
Icons/skin/preview.png
Icons/skin/stalled.png
Icons/skin/delete.png
+ Icons/skin/handle-icon-horizontal.gif
+ Icons/skin/handle-icon.gif
Icons/skin/url.png
Icons/skin/stalledUP.png
Icons/skin/filteractive.png
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',