From c6e94805d5f7ea3ff53813cb3e29a8a658620855 Mon Sep 17 00:00:00 2001
From: Andreas Kristiansen <6977712+AndreasK79@users.noreply.github.com>
Date: Sat, 6 Apr 2024 16:00:10 +0200
Subject: [PATCH] [Maps] Moved legend/info css from view to general.css

---
 application/views/activated_gridmap/index.php | 29 -------------
 application/views/awards/cq/index.php         | 39 -----------------
 application/views/awards/dxcc/index.php       | 26 ------------
 application/views/awards/ffma/index.php       | 25 -----------
 application/views/awards/gridmaster/index.php | 29 -------------
 application/views/awards/helvetia/index.php   | 42 -------------------
 application/views/awards/iota/index.php       | 26 ------------
 application/views/awards/rac/index.php        | 42 -------------------
 application/views/awards/waja/index.php       | 42 -------------------
 application/views/awards/was/index.php        | 42 -------------------
 application/views/gridmap/index.php           | 29 -------------
 assets/css/general.css                        | 40 ++++++++++++++++++
 12 files changed, 40 insertions(+), 371 deletions(-)

diff --git a/application/views/activated_gridmap/index.php b/application/views/activated_gridmap/index.php
index d34749b8e..a9fa6f027 100644
--- a/application/views/activated_gridmap/index.php
+++ b/application/views/activated_gridmap/index.php
@@ -1,32 +1,3 @@
-
-
-<style>
-/*Legend specific*/
-.legend {
-  padding: 6px 8px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  line-height: 24px;
-  color: #555;
-  border-radius: 10px;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #777;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-}
-</style>
 <div class="container">
 
 	<br>
diff --git a/application/views/awards/cq/index.php b/application/views/awards/cq/index.php
index 8e6e9a01a..6cb55db2c 100644
--- a/application/views/awards/cq/index.php
+++ b/application/views/awards/cq/index.php
@@ -6,45 +6,6 @@
 	height: calc(100vh - 480px) !important;
 	max-height: 900px !important;
 }
-/*Legend specific*/
-.legend {
-  padding: 6px 8px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  background: rgba(255, 255, 255, 0.8);
-  line-height: 24px;
-  color: #555;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #777;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-  opacity: 0.7;
-}
-.info {
-    padding: 6px 8px;
-    font: 14px/16px Arial, Helvetica, sans-serif;
-    background: white;
-    background: rgba(255,255,255,0.8);
-    box-shadow: 0 0 15px rgba(0,0,0,0.2);
-    border-radius: 5px;
-	color: #555;
-}
-.info h4 {
-    margin: 0 0 5px;
-    color: #555;
-}
 </style>
 
 <div class="container">
diff --git a/application/views/awards/dxcc/index.php b/application/views/awards/dxcc/index.php
index 6ce4d3d2d..421af55b6 100644
--- a/application/views/awards/dxcc/index.php
+++ b/application/views/awards/dxcc/index.php
@@ -4,32 +4,6 @@
 	height: calc(100vh - 500px) !important;
 	max-height: 900px !important;
 }
-/*Legend specific*/
-.legend {
-  padding: 6px 8px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  background: rgba(255, 255, 255, 0.8);
-  line-height: 24px;
-  color: #555;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #777;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-  opacity: 0.7;
-}
 </style>
 <div class="container">
         <!-- Award Info Box -->
diff --git a/application/views/awards/ffma/index.php b/application/views/awards/ffma/index.php
index d86334ea4..ba4b8c7b2 100644
--- a/application/views/awards/ffma/index.php
+++ b/application/views/awards/ffma/index.php
@@ -1,31 +1,6 @@
 
 
 <style>
-/*Legend specific*/
-.legend {
-  padding: 10px 10px 10px 10px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  line-height: 24px;
-  color: #555;
-  border-radius: 10px;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #777;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-}
 .coordinates {
     justify-content: center;
     align-items: stretch;
diff --git a/application/views/awards/gridmaster/index.php b/application/views/awards/gridmaster/index.php
index 246301d5b..5dcab8ace 100644
--- a/application/views/awards/gridmaster/index.php
+++ b/application/views/awards/gridmaster/index.php
@@ -1,32 +1,3 @@
-
-
-<style>
-/*Legend specific*/
-.legend {
-  padding: 10px 10px 10px 10px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  line-height: 24px;
-  color: #555;
-  border-radius: 10px;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #777;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-}
-</style>
 <div class="container">
         <!-- Award Info Box -->
         <br>
diff --git a/application/views/awards/helvetia/index.php b/application/views/awards/helvetia/index.php
index 873d5db20..8b685822d 100644
--- a/application/views/awards/helvetia/index.php
+++ b/application/views/awards/helvetia/index.php
@@ -7,48 +7,6 @@
 	height: calc(100vh - 500px) !important;
 	max-height: 900px !important;
 }
-/*Legend specific*/
-.legend {
-  padding: 6px 8px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  background: rgba(255, 255, 255, 0.8);
-  line-height: 24px;
-  color: #555;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #555;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-  color: #555;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-  opacity: 0.7;
-  color: #555;
-}
-
-.info {
-    padding: 6px 8px;
-    font: 14px/16px Arial, Helvetica, sans-serif;
-    background: white;
-    background: rgba(255,255,255,0.8);
-    box-shadow: 0 0 15px rgba(0,0,0,0.2);
-    border-radius: 5px;
-	color: #555;
-}
-.info h4 {
-    margin: 0 0 5px;
-    color: #555;
-}
 </style>
 
 <div class="container">
diff --git a/application/views/awards/iota/index.php b/application/views/awards/iota/index.php
index 594a64625..54f53a851 100644
--- a/application/views/awards/iota/index.php
+++ b/application/views/awards/iota/index.php
@@ -4,32 +4,6 @@
 	height: calc(100vh - 500px) !important;
 	max-height: 900px !important;
 }
-/*Legend specific*/
-.legend {
-  padding: 6px 8px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  background: rgba(255, 255, 255, 0.8);
-  line-height: 24px;
-  color: #555;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #777;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-  opacity: 0.7;
-}
 </style>
 
 
diff --git a/application/views/awards/rac/index.php b/application/views/awards/rac/index.php
index 345b0c6de..bc5668ad5 100644
--- a/application/views/awards/rac/index.php
+++ b/application/views/awards/rac/index.php
@@ -7,48 +7,6 @@
 	height: calc(100vh - 500px) !important;
 	max-height: 900px !important;
 }
-/*Legend specific*/
-.legend {
-  padding: 6px 8px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  background: rgba(255, 255, 255, 0.8);
-  line-height: 24px;
-  color: #555;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #555;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-  color: #555;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-  opacity: 0.7;
-  color: #555;
-}
-
-.info {
-    padding: 6px 8px;
-    font: 14px/16px Arial, Helvetica, sans-serif;
-    background: white;
-    background: rgba(255,255,255,0.8);
-    box-shadow: 0 0 15px rgba(0,0,0,0.2);
-    border-radius: 5px;
-	color: #555;
-}
-.info h4 {
-    margin: 0 0 5px;
-    color: #555;
-}
 </style>
 
 <div class="container">
diff --git a/application/views/awards/waja/index.php b/application/views/awards/waja/index.php
index 82607f38e..565db062c 100644
--- a/application/views/awards/waja/index.php
+++ b/application/views/awards/waja/index.php
@@ -7,48 +7,6 @@
 	height: calc(100vh - 500px) !important;
 	max-height: 900px !important;
 }
-/*Legend specific*/
-.legend {
-  padding: 6px 8px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  background: rgba(255, 255, 255, 0.8);
-  line-height: 24px;
-  color: #555;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #555;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-  color: #555;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-  opacity: 0.7;
-  color: #555;
-}
-
-.info {
-    padding: 6px 8px;
-    font: 14px/16px Arial, Helvetica, sans-serif;
-    background: white;
-    background: rgba(255,255,255,0.8);
-    box-shadow: 0 0 15px rgba(0,0,0,0.2);
-    border-radius: 5px;
-	color: #555;
-}
-.info h4 {
-    margin: 0 0 5px;
-    color: #555;
-}
 </style>
 <div class="container">
         <!-- Award Info Box -->
diff --git a/application/views/awards/was/index.php b/application/views/awards/was/index.php
index 7ddbd18b4..72a7c48af 100644
--- a/application/views/awards/was/index.php
+++ b/application/views/awards/was/index.php
@@ -7,48 +7,6 @@
 	height: calc(100vh - 500px) !important;
 	max-height: 900px !important;
 }
-/*Legend specific*/
-.legend {
-  padding: 6px 8px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  background: rgba(255, 255, 255, 0.8);
-  line-height: 24px;
-  color: #555;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #555;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-  color: #555;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-  opacity: 0.7;
-  color: #555;
-}
-
-.info {
-    padding: 6px 8px;
-    font: 14px/16px Arial, Helvetica, sans-serif;
-    background: white;
-    background: rgba(255,255,255,0.8);
-    box-shadow: 0 0 15px rgba(0,0,0,0.2);
-    border-radius: 5px;
-	color: #555;
-}
-.info h4 {
-    margin: 0 0 5px;
-    color: #555;
-}
 </style>
 
 <div class="container">
diff --git a/application/views/gridmap/index.php b/application/views/gridmap/index.php
index 5a6618656..77c52e299 100644
--- a/application/views/gridmap/index.php
+++ b/application/views/gridmap/index.php
@@ -1,32 +1,3 @@
-
-
-<style>
-/*Legend specific*/
-.legend {
-  padding: 6px 8px;
-  font: 14px Arial, Helvetica, sans-serif;
-  background: white;
-  line-height: 24px;
-  color: #555;
-  border-radius: 10px;
-}
-.legend h4 {
-  text-align: center;
-  font-size: 16px;
-  margin: 2px 12px 8px;
-  color: #777;
-}
-.legend span {
-  position: relative;
-  bottom: 3px;
-}
-.legend i {
-  width: 18px;
-  height: 18px;
-  float: left;
-  margin: 0 8px 0 0;
-}
-</style>
 <div class="container">
 
 	<br>
diff --git a/assets/css/general.css b/assets/css/general.css
index 2f0af54e0..9dacfd2a7 100644
--- a/assets/css/general.css
+++ b/assets/css/general.css
@@ -875,4 +875,44 @@ label {
 .table .editRow {
 	--bs-table-bg: none !important;
 	--bs-table-accent-bg: none !important;
+}
+
+/* Used in maps */
+.legend {
+	padding: 6px 8px;
+	font: 14px Arial, Helvetica, sans-serif;
+	background: white;
+	line-height: 24px;
+	color: #555;
+	border-radius: 10px;
+}
+.legend h4 {
+	text-align: center;
+	font-size: 16px;
+	margin: 2px 12px 8px;
+	color: #777;
+}
+.legend span {
+	position: relative;
+	bottom: 3px;
+}
+.legend i {
+	width: 18px;
+	height: 18px;
+	float: left;
+	margin: 0 8px 0 0;
+}
+
+.info {
+    padding: 6px 8px;
+    font: 14px/16px Arial, Helvetica, sans-serif;
+    background: white;
+    background: rgba(255,255,255);
+    box-shadow: 0 0 15px rgba(0,0,0,0.2);
+    border-radius: 5px;
+	color: #555;
+}
+.info h4 {
+    margin: 0 0 5px;
+    color: #555;
 }
\ No newline at end of file