chore: prettify selected region

src/ui/databrowser/databrowser.style.css

@@ -122,4 +122,15 @@ dataset-viewer
   margin: 1em;
   padding: 1em;
   background-color: rgba(128, 128, 128, 0.2);
+}
+
+div[regionsContainer]
+{
+  background-color:rgba(0, 0, 0, 0.3);
+  padding:0.5em 0.7em;
+}
+
+div[regionContainer]
+{
+  margin-top:0.5em;
 }
\ No newline at end of file

src/ui/databrowser/databrowser.template.html

@@ -79,10 +79,13 @@
     </div>
   </panel-component>
 </div>
-<div *ngIf = "(selectedPOI$ | async) && (selectedPOI$ | async).length > 0; else noSelectedRegion">
+<div 
+  *ngIf = "(selectedPOI$ | async) && (selectedPOI$ | async).length > 0; else noSelectedRegion"
+  regionsContainer>
 
   <div
-    *ngFor = "let data of (selectedRegions$ | async | sortDataEntriesToRegion : dataEntries).concat( selectedLandmarks$ | async | spatialLandmarksToDataBrowserItemPipe ) | searchResultPagination  : currentPage : hitsPerPage  ">
+    *ngFor = "let data of (selectedRegions$ | async | sortDataEntriesToRegion : dataEntries).concat( selectedLandmarks$ | async | spatialLandmarksToDataBrowserItemPipe ) | searchResultPagination  : currentPage : hitsPerPage  "
+    regionContainer>
     <panel-component 
       [collapseBody] = "true"
       [bodyCollapsable] = "true">