From 286e5bf97a9b7cb01c38af1f334455ab71286be1 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Mon, 30 Dec 2019 10:09:45 -0600
Subject: [PATCH] Better position the help tooltip; make sure it appears on top

---
 gorge.css  | 6 +++++-
 gorge.html | 7 +++----
 gorge.js   | 2 +-
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/gorge.css b/gorge.css
index c5250d8..44c96d3 100644
--- a/gorge.css
+++ b/gorge.css
@@ -826,12 +826,16 @@ div::-webkit-scrollbar-corner {
 }
 
 .has-help {
-  
+
 }
 
 #help-tooltip {
+  position: fixed;
   color: #888;
   background: #000;
   max-width: 400px;
   font-size: 16pt;
+  z-index: 1;
+  left: 0%;
+  top: 0%;
 }
diff --git a/gorge.html b/gorge.html
index f51cb0d..c129cab 100644
--- a/gorge.html
+++ b/gorge.html
@@ -42,16 +42,15 @@
     <div id="resource-list"></div>
     <div id="productivity"></div>
     <button id="tasty-micro"></button>
+    <div id="help-tooltip">
+      <div id="help-tooltip-help"></div>
+    </div>
     <div id="powerup-list"></div>
     <div id="powerup-tooltip">
       <div id="powerup-tooltip-name"></div>
       <div id="powerup-tooltip-desc"></div>
     </div>
   </div>
-
-  <div id="help-tooltip">
-    <div id="help-tooltip-help"></div>
-  </div>
   <div id="upgrades-area">
     <div id="upgrades" class="title switcher-button">Upgrades</div>
     <div id="upgrade-tooltip">
diff --git a/gorge.js b/gorge.js
index 1093e4d..ab0b17a 100644
--- a/gorge.js
+++ b/gorge.js
@@ -1399,7 +1399,7 @@ function helpTooltip(element, event) {
 
   fillTooltip("help", "help", text);
 
-  let xPos = tooltip.parentElement.getBoundingClientRect().x + 450;
+  let xPos = event.clientX + 100;
 
   // wow browsers are bad