Highlight wanted calls. Closes #117

static/css/style.css

@@ -181,12 +181,15 @@ tr.table-faded td span {
 }
 
 /* New spot styles */
-tr.new td {
+tr.row-new td {
     animation: 2s linear newspotanim;
 }
 
 @keyframes newspotanim {
     0% {
+        background-color: initial;
+    }
+    10% {
         background-color: var(--bs-success-border-subtle);
     }
     100% {
@@ -194,6 +197,37 @@ tr.new td {
     }
 }
 
+/* Wanted spot styles */
+tr.row-wanted td {
+    animation: wantedanim 1.5s ease-in-out alternate infinite;
+}
+
+div.band-spot-wanted {
+    animation: wantedanim 1.5s ease-in-out alternate infinite;
+}
+
+.leaflet-marker-icon.marker-icon-wanted::after {
+    content: "";
+    width: 20px;
+    height: 20px;
+    left: 7px;
+    top: 13px;
+    background-color: #cf9e3d;
+    box-shadow: 0px 0px 10px 15px #cf9e3d;
+    position: absolute;
+    z-index: -1;
+    border-radius: 1000%;
+}
+
+@keyframes wantedanim {
+    0% {
+        background-color: #cf9e3d;
+    }
+    100% {
+        background-color: #e1b655;
+    }
+}
+
 
 /* TABLE */
 #table-container {