Fix timeout logic and build

package.json

@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"scripts": {
-		"build": "parcel build source/manifest.json --dist-dir distribution --no-cache --detailed-report 0",
+		"build": "parcel build source/manifest.json --no-source-maps --no-optimize --dist-dir distribution --no-cache --detailed-report 0",
 		"lint": "xo",
 		"test": "xo && npm run build",
 		"watch": "parcel watch source/manifest.json --dist-dir distribution --no-cache --no-hmr"

source/ghost-text.js

@@ -6,6 +6,7 @@ const activeFields = new Set();
 
 let isWaitingForActivation = false;
 const startTimeout = 15000;
+let timeoutHandle;
 
 class ContentEditableWrapper {
 	constructor(element) {
@@ -202,6 +203,7 @@ class GhostTextField {
 
 	tryFocus() {
 		if (isWaitingForActivation && this.state === 'inactive') {
+			clearTimeout(timeoutHandle);
 			this.activate();
 			isWaitingForActivation = false;
 			document.body.classList.remove('GT--waiting');
@@ -258,7 +260,7 @@ function notify(type, message, timeout = getMessageDisplayTime(message)) {
 }
 
 function startGT() {
-	clearTimeout(stopGT);
+	clearTimeout(timeoutHandle);
 
 	registerElements();
 	console.info(knownElements.size + ' fields on the page');
@@ -295,7 +297,8 @@ function startGT() {
 		notify('log', 'Click on the desired element to activate it or right-click the GhostText icon to stop the connection.', startTimeout);
 	}
 
-	setTimeout(stopGT, startTimeout);
+	clearTimeout(timeoutHandle);
+	timeoutHandle = setTimeout(stopGT, startTimeout);
 }
 
 function stopGT() {

source/humane-ghosttext.css

@@ -6,7 +6,7 @@
   z-index: 2147483647;
   font-family: sans-serif;
   font-size: 16px;
-  top: 0;
+  top: 10px;
   right: 10px;
   width: 330px;
   max-width: 90%;