- Web UI: Make use of MochaUI panels (they are resizable)

src/webui/css/dynamicTable.css

@@ -7,36 +7,36 @@
 
 **************************************************************/
 
-table {
+#transferList table {
 	border: 1px solid #ccc;
 	width: 100%;
 }
 
-th {
+#transferList th {
 	background-color: #eee;
 	padding: 4px;
 }
 
-tr {
+#transferList tr {
 	background-color: #fff;
 	padding: 4px;
 }
 
-tr.alt {
+#transferList tr.alt {
 	background-color: #eee;
 	padding: 4px;
 }
 
-td {
+#transferList td {
 	padding: 0 2px;
 }
 
-tr.selected {
+#transferList tr.selected {
 	background-color: #354158;
 	color: #fff;
 }
 
-tr.over {
+#transferList tr.over {
 	background-color: #ee6600;
 	color: #fff;
 	cursor: pointer;

src/webui/css/mocha.css

@@ -370,7 +370,8 @@ li.divider {
 .pad {
 	position: absolute;
 	top: 0;
-	left: 0;
+	left: 0;
+	right: 0;
 	padding: 8px;
 	overflow: hidden;
 }
@@ -384,11 +385,12 @@ li.divider {
 	background: #f1f1f1 url(../images/bg-panel-header.gif) repeat-x;
 	height: 30px;
 	overflow: hidden;
-	border-bottom: 1px solid #d3d3d3;		
+	border-bottom: 1px solid #d3d3d3;
+	display: none; /*FIX by Chris*/
 }
 
 .panel-headerContent {
-	padding-top: 2px;
+	/*padding-top: 2px; FIX By Chris*/ 
 }	
 
 .panel-headerContent.tabs {

src/webui/css/style.css

@@ -120,13 +120,6 @@ hr {
 	height:100%;
 }
 
-#Filters {
-	width: 120px;
-	border-right: 1px solid #ccc;
-	color: #000;
-	vertical-align: top;
-}
-
 #Filters ul {
 	list-style-type: none;
 }
@@ -141,29 +134,13 @@ hr {
 	margin-bottom: -4px;
 }
 
-#Transfers {
-	vertical-align: top;
-	height: 100%;
-}
-
-#transferListContainer {
-	height: 50%;
-	border-bottom: 1px solid #ccc;
-	overflow: auto;
-}
-
 .selectedFilter {
 	background-color: #354158;
 	color: #000;
 }
 
-div #PropDiv {
-	height: 50%;
-}
-
-div.PropPanel {
+#properties {
 	background-color: #e5e5e5;
-	overflow: auto;
 }
 
 a.propButton {