Style tweaks

Author: p01

src/resource-manager/resource_style.css

@@ -287,7 +287,7 @@ a.external:hover
 .resource-tree li > h2
 {
   margin:0;
-  padding:0;
+  padding:0 4px;
   white-space:nowrap;
   font-weight:normal;
   min-width:100%;
@@ -299,19 +299,22 @@ a.external:hover
 
 
 
-.resource-tree-documents, .resource-tree-groups, .resource-tree-resources
+.resource-tree-documents,
+.resource-tree-groups,
+.resource-tree-resources
 {
   padding:0;
   margin:0;
 }
 /* zebra resources */
 .resource-tree-windows
 {
-  width:100%;
+  width: 100%;
   background-image: linear-gradient(0deg, rgba(0,0,0,.031) 50%, transparent 0%);
   background-size: 100% 36px;
-  background-repeat:repeat;
-  display:table;
+  background-repeat: repeat;
+  display: table;
+  margin:4px 0;
 }
 
 .resource-tree li > h2:hover
@@ -334,7 +337,7 @@ span.resource-tree-document-label,
 span.resource-tree-group-label
 {
   font-weight:bold;
-  padding:0 0 0 18px;
+  padding:0 0 0 21px;
   line-height:18px;
   display:inline-block;
   background-position:1px 1px;

src/resource-manager/resource_templates.js

@@ -17,6 +17,8 @@ templates.resource_tree =
 		ui_strings.S_HTTP_LABEL_FILTER_OTHER
 	],
 
+	DEPTH_IDENTATION: 18,
+
 	_expandCollapseExtras:function(context, pivotID, depth)
 	{
 		var hash = context.collapsed;
@@ -43,7 +45,7 @@ templates.resource_tree =
 					'input',
 					'type','button',
 					'class','button-expand-collapse',
-					'style', 'margin-left:'+ depth*18 +'px;'
+					'style', 'margin-left:'+ depth*this.DEPTH_IDENTATION +'px;'
 				]
 			}
 		});
@@ -218,7 +220,7 @@ templates.resource_tree =
 					['span',
 						(r.filename || r.short_distinguisher || r.url || 'NO URL'),
 						'class','resource-tree-resource-label',
-						'style', 'margin-left:'+ depth*18 +'px;'
+						'style', 'margin-left:'+ (1+depth)*this.DEPTH_IDENTATION +'px;'
 					],
 					'handler','resource-detail',
 					'data-resource-id',String(r.id),