From c16ede6c16fe751fcdf6e1efe2bcd64ff8b4d3e8 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Thu, 5 Apr 2018 22:24:20 +0200
Subject: [PATCH] fix: help icon displaced

---
 .../main/global-animations/_slide-down.ani.scss       |  4 ++--
 app-src/scripts/routes/settings/_settings-c.scss      | 11 ++++++-----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/app-src/scripts/main/global-animations/_slide-down.ani.scss b/app-src/scripts/main/global-animations/_slide-down.ani.scss
index d30134bef9..0bd874b6e8 100644
--- a/app-src/scripts/main/global-animations/_slide-down.ani.scss
+++ b/app-src/scripts/main/global-animations/_slide-down.ani.scss
@@ -1,8 +1,8 @@
 .ani-slide-up-down {
-  overflow: hidden !important;
+  overflow: hidden;
   margin: 0 !important;
   transform-origin: center 0;
-  transform: translate3d(0, 0, 0);
+  transform: translateZ(0);
   backface-visibility: hidden;
   // will-change: transform, height;
 }
diff --git a/app-src/scripts/routes/settings/_settings-c.scss b/app-src/scripts/routes/settings/_settings-c.scss
index 531f2bc9b9..526de7c0aa 100644
--- a/app-src/scripts/routes/settings/_settings-c.scss
+++ b/app-src/scripts/routes/settings/_settings-c.scss
@@ -20,24 +20,26 @@
 
     > * {
       // for help icon positioning
-      position: static;
+      // does not work because of translate on the slide down ani element
+      // position: static;
 
       // add a padding
       padding: 10px $this-panel-padding-left-right;
     }
 
-    md-switch:first-of-type{
-      margin-top:  0;
+    md-switch:first-of-type {
+      margin-top: 0;
     }
   }
 
   .help-btn {
     display: none;
+    position: absolute;
   }
 
   .is-expanded .help-btn {
     display: block;
-    top: 0px;
+    top: -40px;
     right: -2px;
     visibility: hidden;
     animation: 0.2s help-ico-animation ease-out;
@@ -46,7 +48,6 @@
     animation-delay: 0.20s;
   }
 
-
   .config-section {
     margin-bottom: 10px;
     background: #ffffff;