From 68f85bc146cedeedb63c575bc2162ca2bb6f8013 Mon Sep 17 00:00:00 2001
From: Jonathan Kingston <jonathan@jooped.co.uk>
Date: Thu, 22 Jun 2017 20:04:27 +0100
Subject: [PATCH] Fix different display in content warning notice. Fixes #630

---
 webextension/css/content.css      | 6 +++++-
 webextension/js/content-script.js | 4 ++--
 webextension/manifest.json        | 3 ++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/webextension/css/content.css b/webextension/css/content.css
index 885b0fbbd..f3d764b9a 100644
--- a/webextension/css/content.css
+++ b/webextension/css/content.css
@@ -1,8 +1,10 @@
 .container-notification {
   background: #33f70c;
   color: #003f07;
-  display: block;
+  display: flex;
+  font: 12px sans-serif;
   inline-size: 100vw;
+  justify-content: start;
   offset-block-start: 0;
   offset-inline-start: 0;
   padding-block-end: 8px;
@@ -10,6 +12,7 @@
   padding-inline-end: 8px;
   padding-inline-start: 8px;
   position: fixed;
+  text-align: start;
   transform: translateY(-100%);
   transition: transform 0.3s cubic-bezier(0.07, 0.95, 0, 1) 0.3s;
   z-index: 999999999999;
@@ -17,6 +20,7 @@
 
 .container-notification img {
   block-size: 16px;
+  display: inline-block;
   inline-size: 16px;
   margin-inline-end: 3px;
 }
diff --git a/webextension/js/content-script.js b/webextension/js/content-script.js
index ef6b4c45d..826ca86f3 100644
--- a/webextension/js/content-script.js
+++ b/webextension/js/content-script.js
@@ -43,9 +43,9 @@ async function addMessage(message) {
   await delayAnimation(100);
   await doAnimation(divElement, "transform", "translateY(0)");
   await delayAnimation(2000);
-  await doAnimation(divElement, "transform", "translateY(-100%)");
+  //await doAnimation(divElement, "transform", "translateY(-100%)");
 
-  divElement.remove();
+  //divElement.remove();
 }
 
 browser.runtime.onMessage.addListener((message) => {
diff --git a/webextension/manifest.json b/webextension/manifest.json
index d700e155a..e0ddc0e40 100644
--- a/webextension/manifest.json
+++ b/webextension/manifest.json
@@ -59,7 +59,8 @@
     {
       "matches": ["<all_urls>"],
       "js": ["js/content-script.js"],
-      "css": ["css/content.css"]
+      "css": ["css/content.css"],
+      "run_at": "document_start"
     }
   ],