More refactoring

index.css

@@ -87,9 +87,6 @@
   --return-to-the-map-height: 2em;
   --image-carousel-height: 350px;
 
-  /* The border colour of the leaflet popup */
-  --popup-border: white;
-
   /* Technical variable to make some dynamic behaviour possible; set by javascript. */
   --variable-title-height: 0px;
 }
@@ -106,29 +103,6 @@ body {
   font-family: "Helvetica Neue", Arial, sans-serif;
 }
 
-.leaflet-overlay-pane .leaflet-zoom-animated {
-  /* Another workaround to keep leaflet working */
-  width: initial !important;
-  height: initial !important;
-  box-sizing: initial !important;
-}
-
-.leaflet-marker-icon img {
-  -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-}
-
-.leaflet-control-attribution {
-  display: flex;
-}
-
-.badge {
-}
-
-.badge svg {
-  /*Workaround for leaflet*/
-  width: unset !important;
-  height: 100% !important;
-}
 
 svg,
 img {
@@ -365,27 +339,6 @@ li::marker {
   fill: var(--catch-detail-color) !important;
 }
 
-#leafletDiv {
-  height: 100%;
-}
-
-.leaflet-popup-content-wrapper {
-  background-color: var(--background-color);
-  color: var(--foreground-color);
-  border: 2px solid var(--popup-border);
-  box-shadow: 0 3px 14px var(--shadow-color) !important;
-}
-
-.leaflet-container {
-  font: unset !important;
-  background-color: var(--background-color) !important;
-}
-
-.leaflet-popup-tip {
-  background-color: var(--popup-border) !important;
-  color: var(--popup-border) !important;
-  box-shadow: 0 3px 14px var(--shadow-color) !important;
-}
 
 .single-layer-selection-toggle {
   position: relative;
@@ -499,48 +452,6 @@ li::marker {
   }
 }
 
-.hand-drag-animation {
-  animation: hand-drag-animation 6s ease-in-out infinite;
-  transform-origin: 50% 125%;
-}
-
-@keyframes hand-drag-animation {
-  /* This is the animation on the little extra hand on the location input. If fades in, invites the user to interact/drag the map */
-  0% {
-    opacity: 0;
-    transform: rotate(-30deg);
-  }
-
-  6% {
-    opacity: 1;
-    transform: rotate(-30deg);
-  }
-
-  12% {
-    opacity: 1;
-    transform: rotate(-45deg);
-  }
-
-  24% {
-    opacity: 1;
-    transform: rotate(-00deg);
-  }
-
-  30% {
-    opacity: 1;
-    transform: rotate(-30deg);
-  }
-
-  36% {
-    opacity: 0;
-    transform: rotate(-30deg);
-  }
-
-  100% {
-    opacity: 0;
-    transform: rotate(-30deg);
-  }
-}
 
 
 /***************** Info box (box containing features and questions ******************/
@@ -549,25 +460,11 @@ input {
   color: var(--foreground-color);
 }
 
-.leaflet-popup-content {
-  width: 45em !important;
-  margin: 0.25rem !important;
-}
-
-.leaflet-div-icon {
-  background-color: unset !important;
-  border: unset !important;
-}
-
 .floating-element-width {
   max-width: calc(100vw - 5em);
   width: 40em;
 }
 
-.leaflet-div-icon svg {
-  width: calc(100%);
-  height: calc(100%);
-}
 
 /****** ShareScreen *****/