Fix #1890 : WebUI: Column in files and peers view could use some spacing

Also fixed the SpinnerGroup to no longer show horizontal scrollbar and added
vertical scrolling to detailstab.

deluge/ui/web/css/deluge.css

@@ -244,10 +244,57 @@ dl.singleline dd {
 }
 
 /* Files TreeGrid */
+.x-treegrid-root-table {
+    border-right: 1px solid;
+}
+
+.x-treegrid-root-node {
+    overflow: auto;
+}
+
+.x-treegrid-hd-hidden {
+    visibility: hidden;
+    border: 0;
+    width: 0;
+}
+
 .x-treegrid-col {
+    border-bottom: 1px solid;
+    height: 20px;
+    overflow: hidden;
+    vertical-align: top;
+	-o-text-overflow: ellipsis;
+	text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.x-treegrid-text {
+    padding-left: 4px;
+    -moz-user-select: none;
+    -khtml-user-select: none;
+}
+
+.x-treegrid-resizer {
+    border-left:1px solid;
+    border-right:1px solid;
+    position:absolute;
+    left:0;
+    top:0;
+}
+
+.x-treegrid-header-inner {
     overflow: hidden;
 }
 
+.x-treegrid-root-table,
+.x-treegrid-col {
+    border-color: #ededed;
+}
+
+.x-treegrid-resizer {
+    border-left-color:#555;
+    border-right-color:#555;
+}
 
 /* Options Tab Styles */
 .x-deluge-options-label {

deluge/ui/web/js/deluge-all/details/DetailsTab.js

@@ -36,7 +36,7 @@ Deluge.details.DetailsTab = Ext.extend(Ext.Panel, {
     title: _('Details'),
 
     fields: {},
-
+    autoScroll: true,
     queuedItems: {},
 
     oldData: {},

deluge/ui/web/js/deluge-all/details/FilesTab.js

@@ -34,7 +34,6 @@ Deluge.details.FilesTab = Ext.extend(Ext.ux.tree.TreeGrid, {
 
     title: _('Files'),
 
-    autoScroll: true,
     rootVisible: false,
 
     columns: [{

deluge/ui/web/js/ext-extensions/form/SpinnerGroup.js

@@ -38,6 +38,7 @@ Ext.ux.form.SpinnerGroup = Ext.extend(Ext.form.CheckboxGroup, {
 
     // private
     defaultType: 'spinnerfield',
+    anchor: '98%',
 
     // private
     groupCls: 'x-form-spinner-group',