chore: fix doc

chore: remove console
chore: added btn to collapse/expand layer browser

docs/advanced/otherVolumes.md

 # Displaying non-atlas volumes
 
 !!! warning
-  This section is still been developed, and the content/API may change in future versions.
+    This section is still been developed, and the content/API may change in future versions.
 
 Interactive atlas can allow for arbitary volumes to be viewed, either in the context of a reference template or without. 
 

src/services/effect/newTemplate.effect.ts

@@ -19,7 +19,6 @@ export class NewTemplateUseEffect{
   ){
     this.onNewTemplateShouldClearPreviewDataset$ = this.actions$.pipe(
       ofType(NEWVIEWER),
-      tap(() => console.log(`new`)),
       mapTo({
         type: DATASETS_ACTIONS_TYPES.CLEAR_PREVIEW_DATASETS
       })

src/ui/searchSideNav/searchSideNav.component.ts

@@ -26,6 +26,8 @@ import { MatSnackBar } from "@angular/material/snack-bar";
 export class SearchSideNav implements OnDestroy {
   public availableDatasets: number = 0
 
+  public showLayerBrowser: boolean = true
+
   private subscriptions: Subscription[] = []
   private layerBrowserDialogRef: MatDialogRef<any>
 

src/ui/searchSideNav/searchSideNav.style.css

@@ -23,3 +23,8 @@ connectivity-browser {
 {
   min-height: 50vh!important;
 }
+
+.layerBrowserToggleBtn[toggle-open="true"]
+{
+  transform: translateY(-50%);
+}

src/ui/searchSideNav/searchSideNav.template.html

@@ -75,10 +75,24 @@
 </div>
 
 <ng-template #layerBrowserTmpl>
-  <mat-dialog-content>
-    <layer-browser></layer-browser>
+  <mat-dialog-content [hidden]="!showLayerBrowser">
+    <div class="d-flex flex-column">
+      <layer-browser></layer-browser>
+    </div>
   </mat-dialog-content>
-</ng-template>
+
+  <div class="d-flex justify-content-center position-static h-0 mt-4">
+    <button mat-mini-fab
+      [matBadge]="showLayerBrowser ? null : (layerBrowser.nonBaseNgLayers$ | async).length"
+      class="position-absolute layerBrowserToggleBtn"
+      matTooltip="Toggle the visiblity of the additional layer browser"
+      [attr.toggle-open]="showLayerBrowser"
+      (click)="showLayerBrowser = !showLayerBrowser">
+      <i class="fas" [ngClass]="{'fa-chevron-down': !showLayerBrowser, 'fa-chevron-up': showLayerBrowser}">
+      </i>
+    </button>
+  </div>
+</ng-template>  
 
 <!-- selected regions container -->
 <ng-template #selectedRegionsTmpl>