Fix DFL-3711, Selection and hover styling does not fill the scrollwidth in resource tree view

Author: p01

src/resource-manager/resource_style.css

@@ -282,6 +282,17 @@ a.resource-detail-link:hover
   overflow: auto;
 }
 
+.resource-tree ul
+{
+  display: table;
+  min-width: 100%;
+}
+
+.resource-tree li
+{
+  display: table-row;
+}
+
 .resource-tree li > h2
 {
   box-sizing: border-box;
@@ -311,12 +322,12 @@ a.resource-detail-link:hover
   margin: 4px 0;
 }
 
-.resource-tree li > h2:hover
+.resource-tree li:hover
 {
   background-color: rgba(137, 173, 232, 0.2);
 }
 
-.resource-highlight
+.resource-tree li.resource-highlight
 {
   color: #fff;
   background-color: rgba(55, 115, 211, 0.7);
@@ -333,7 +344,7 @@ h2 .resource-tree-count
   vertical-align: middle;
 }
 
-h2:hover .resource-tree-count
+li:hover .resource-tree-count
 {
   background-color: #cfd6e0;
   color: #3c3e42;
@@ -344,7 +355,7 @@ h2 .resource-different-origin
   color: #808080;
 }
 
-.resource-tree li > h2:hover .resource-different-origin:hover
+.resource-tree li:hover .resource-different-origin:hover
 {
   color: #6e7680;
 }