From 6cac4dd41445ef6aff7dab14c20d046e0f3d30ca Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta@devplant.ro>
Date: Wed, 12 Oct 2022 14:00:16 +0300
Subject: [PATCH] RED-5316: Higher z-index for help mode bottom border.

---
 .../help-mode/help-mode.component.html        |  3 +-
 .../help-mode/help-mode.component.scss        | 45 ++++++++++---------
 2 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/lib/help-mode/help-mode/help-mode.component.html b/src/lib/help-mode/help-mode/help-mode.component.html
index f75a9ed..d63f73e 100644
--- a/src/lib/help-mode/help-mode/help-mode.component.html
+++ b/src/lib/help-mode/help-mode/help-mode.component.html
@@ -1,4 +1,5 @@
-<div *ngIf="helpModeService.isHelpModeActive$ | async" class="help-mode-border">
+<div *ngIf="helpModeService.isHelpModeActive$ | async">
+    <div class="help-mode-border"></div>
     <div class="bottom small-label">
         <strong>{{ 'help-mode.bottom-text' | translate }}</strong>
         <a (click)="helpModeService.openHelpModeDialog()" *ngIf="(helpModeService.helpModeDialogIsOpened$ | async) === false">
diff --git a/src/lib/help-mode/help-mode/help-mode.component.scss b/src/lib/help-mode/help-mode/help-mode.component.scss
index 9becf97..828706c 100644
--- a/src/lib/help-mode/help-mode/help-mode.component.scss
+++ b/src/lib/help-mode/help-mode/help-mode.component.scss
@@ -13,30 +13,31 @@
     position: absolute;
     display: flex;
     justify-content: center;
-
-    .bottom {
-        position: fixed;
-        height: 30px;
-        width: 95%;
-        bottom: 0;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        pointer-events: visiblePainted;
-        color: var(--iqser-grey-1);
-
-        a {
-            text-decoration: underline;
-            color: var(--iqser-grey-1);
-        }
-
-        .close {
-            display: flex;
-            align-items: center;
-        }
-    }
 }
 
 .small-label {
     opacity: 1;
 }
+
+.bottom {
+    position: fixed;
+    height: 30px;
+    width: 95%;
+    bottom: 0;
+    display: flex;
+    z-index: 1300;
+    justify-content: space-between;
+    align-items: center;
+    pointer-events: visiblePainted;
+    color: var(--iqser-grey-1);
+
+    a {
+        text-decoration: underline;
+        color: var(--iqser-grey-1);
+    }
+
+    .close {
+        display: flex;
+        align-items: center;
+    }
+}