diff --git a/src/atlasViewer/atlasViewer.template.html b/src/atlasViewer/atlasViewer.template.html
index 422971347ad0284d49a033bde86c6f14ad483cc4..690af5b76204a0e9344ee75bb91bdd57a034289d 100644
--- a/src/atlasViewer/atlasViewer.template.html
+++ b/src/atlasViewer/atlasViewer.template.html
@@ -95,12 +95,17 @@
       </signin-banner>
     </div>
 
-    <layout-floating-container zIndex="13" #floatingOverlayContainer>
+    <layout-floating-container
+      zIndex="13"
+      #floatingOverlayContainer
+      iav-media-query
+      #media="iavMediaQuery">
       <div floatingContainerDirective>
-
       </div>
 
-      <div class="fixed-bottom muted-7 pe-none mb-8 d-flex justify-content-end m-4">
+      <div
+        *ngIf="(media.mediaBreakPoint$ | async) < 3"
+        class="fixed-bottom muted-7 pe-none mb-8 d-flex justify-content-end m-4">
         <ng-container *ngTemplateOutlet="logoTmpl">
         </ng-container>
       </div>
diff --git a/src/ui/atlasLayerWidget/alwContainer/alwContainer.component.ts b/src/ui/atlasLayerWidget/alwContainer/alwContainer.component.ts
index 69319b14ba00962bbce8cfc52ad4eb2254771230..02d2c0edfd876f17cce72d040f01f7f48acbf20f 100644
--- a/src/ui/atlasLayerWidget/alwContainer/alwContainer.component.ts
+++ b/src/ui/atlasLayerWidget/alwContainer/alwContainer.component.ts
@@ -9,7 +9,8 @@ import { map, shareReplay, withLatestFrom, filter, tap } from "rxjs/operators";
   templateUrl: './alwContainer.template.html',
   styleUrls: [
     './alwContainer.style.css'
-  ]
+  ],
+  exportAs: 'atlasLayerWidgetContainer'
 })
 
 export class AtlasLayerContainer {
diff --git a/src/ui/nehubaContainer/nehubaContainer.template.html b/src/ui/nehubaContainer/nehubaContainer.template.html
index 259da4bbc77c9141c8376e010d2e1207140f3bd0..f338d47990e31c4468de71b5e77375a73d15d645 100644
--- a/src/ui/nehubaContainer/nehubaContainer.template.html
+++ b/src/ui/nehubaContainer/nehubaContainer.template.html
@@ -23,7 +23,7 @@
   </div>
 </current-layout>
 
-<layout-floating-container [zIndex]="5">
+<layout-floating-container [zIndex]="10">
 
   <div *ngIf="templateSelected$ | async"
     class="viewer-config-container d-flex align-items-end pe-none">
@@ -34,7 +34,11 @@
       (iav-outsideClick)="viewerSelector.selectorExpanded = false">
     </viewer-selector>
 
-    <atlas-layer-container class="pe-none overflow-visible"></atlas-layer-container>
+    <atlas-layer-container
+      class="pe-none overflow-visible"
+      (iav-outsideClick)="alwWidget.visibleTab = null"
+      #alwWidget="atlasLayerWidgetContainer">
+    </atlas-layer-container>
   </div>
 
   <!-- StatusCard container-->
diff --git a/src/ui/nehubaContainer/statusCard/statusCard.template.html b/src/ui/nehubaContainer/statusCard/statusCard.template.html
index 88779b7f4f98be27d66948f9232dcdab028501c2..bc84eff6d96e39ddd9972fd113460f85cbf7ad9e 100644
--- a/src/ui/nehubaContainer/statusCard/statusCard.template.html
+++ b/src/ui/nehubaContainer/statusCard/statusCard.template.html
@@ -100,10 +100,12 @@
 
 <!-- minimised status bar -->
 <ng-template #showMin>
-  <div class="iv-custom-comp text overflow-visible text-nowrap d-inline-flex align-items-center pb-2">
+  <div class="iv-custom-comp text overflow-visible text-nowrap d-inline-flex align-items-center pb-2"
+    iav-media-query
+    #media="iavMediaQuery">
     
     <i aria-label="viewer navigation" class="fas fa-compass"></i>
-    <span  class="pl-2">
+    <span *ngIf="(media.mediaBreakPoint$ | async) < 3" class="pl-2">
       {{ navVal$ | async }}
     </span>
 
diff --git a/src/ui/ui.module.ts b/src/ui/ui.module.ts
index 67db58fb2c840ebfb543c11436446a1d4c85356d..419490f6a88b87f78183f3abac756e190ef2cffc 100644
--- a/src/ui/ui.module.ts
+++ b/src/ui/ui.module.ts
@@ -62,7 +62,6 @@ import { ReorderPanelIndexPipe } from "./nehubaContainer/reorderPanelIndex.pipe"
 import { TouchSideClass } from "./nehubaContainer/touchSideClass.directive";
 import { BinSavedRegionsSelectionPipe, SavedRegionsSelectionBtnDisabledPipe } from "./viewerStateController/viewerState.pipes";
 
-import {ElementOutClickDirective} from "src/util/directives/elementOutClick.directive";
 import {FilterWithStringPipe} from "src/util/pipes/filterWithString.pipe";
 import { SearchSideNav } from "./searchSideNav/searchSideNav.component";
 
@@ -186,7 +185,6 @@ import {ViewerSelectorComponent} from "src/ui/viewerSelector/viewerSelector.comp
     /* directive */
     DownloadDirective,
     TouchSideClass,
-    ElementOutClickDirective,
     FixedMouseContextualContainerDirective,
     NehubaViewerTouchDirective,
   ],
@@ -228,7 +226,6 @@ import {ViewerSelectorComponent} from "src/ui/viewerSelector/viewerSelector.comp
     CookieAgreement,
     KGToS,
     StatusCardComponent,
-    ElementOutClickDirective,
     SearchSideNav,
     ViewerStateMini,
     RegionMenuComponent,
diff --git a/src/util/directives/elementOutClick.directive.ts b/src/util/directives/elementOutClick.directive.ts
deleted file mode 100644
index 93f3b1d64a66ac2c3a400e30c36fed474cbe26b4..0000000000000000000000000000000000000000
--- a/src/util/directives/elementOutClick.directive.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import {Directive, ElementRef, EventEmitter, HostListener, Output} from "@angular/core";
-
-@Directive({
-  selector: '[iav-onclick-outside]',
-})
-export class ElementOutClickDirective {
-  constructor(private elRef: ElementRef) { }
-
-  @Output('iav-onclick-outside')
-  public outsideClick = new EventEmitter()
-
-  @HostListener('document:click', ['$event', '$event.target'])
-  public onclick(event: MouseEvent, targetElement: HTMLElement): void {
-    if (!targetElement) {
-      return
-    }
-    if (this.elRef.nativeElement.contains(targetElement)) {
-      return
-    }
-    this.outsideClick.emit(event)
-  }
-}