From 22642ad39d860e2fc2866cd2d3bc2ad4aa96421b Mon Sep 17 00:00:00 2001
From: Matthias Wirth <matthias.wirth@gmail.com>
Date: Wed, 15 Jun 2022 10:48:27 +0200
Subject: [PATCH] fix inaccurate warning positioning

---
 html/index.html | 21 +++++++++++----------
 html/style.css  |  7 +++++++
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/html/index.html b/html/index.html
index a519d97..a1375a7 100644
--- a/html/index.html
+++ b/html/index.html
@@ -25,16 +25,6 @@
       <progress id="loader_progress"></progress>
     </div>
 
-    <div id="inaccurate_warning" class='identSmall hidden' >
-      <br>
-      This map includes inaccurate / very approximate positions, errors of 200 nmi or more are not unusual.
-      <br>
-      If no ADS-B / MLAT info is available but at least 1 receiver is receiving ModeS data from a hex, the aircraft is placed where the receiving station on average receives planes which do have a location.
-      <br>
-      Please add a disclaimer to any screenshots of this website or better yet just report that an aircraft was spotted in the approximate area WITHOUT using screenshots.
-      <br>
-      <br>
-    </div>
     <div id="layout_container">
 
       <div id="highlighted_infoblock">
@@ -1031,6 +1021,17 @@
       <span id="generic_error_detail"></span><br>
     </div>
 
+    <div id="inaccurate_warning" class='identSmall hidden inaccurate_warning' >
+      <br>
+      This map includes inaccurate / very approximate positions, errors of 200 nmi or more are not unusual.
+      <br>
+      If no ADS-B / MLAT info is available but at least 1 receiver is receiving ModeS data from a hex, the aircraft is placed where the receiving station on average receives planes which do have a location.
+      <br>
+      Please add a disclaimer to any screenshots of this website or better yet just report that an aircraft was spotted in the approximate area WITHOUT using screenshots.
+      <br>
+      <br>
+    </div>
+
     <div id="js_error" class="hidden">
     </div>
 
diff --git a/html/style.css b/html/style.css
index fa3ace4..69e0109 100644
--- a/html/style.css
+++ b/html/style.css
@@ -251,6 +251,13 @@ select {
     text-align: center;
 }
 
+.inaccurate_warning {
+    position: absolute; top: calc( 25px * var(--SCALE)); left: calc( 280px * var(--SCALE));
+    width: 50%;
+    background-color: var(--BGCOLOR1);
+    padding: calc( 5px * var(--SCALE));
+}
+
 #js_error {
     position: absolute;
     bottom: 5px;