[80] Restore dot gap

Author: rmbarley

src/components/ui/Slider/Slider.css

@@ -3,11 +3,17 @@
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3), 0 0 0 4px rgba(255, 255, 255, 0.8);
 }
 
+.slick-dots li {
+  margin: 0 !important;
+}
+
 .hero-slider {
   --dot-size: 1rem;
   --dot-gap: 0.75rem;
   --animation-duration: 12s;
   --dot-color: white;
+  --dot-bottom-min: 1rem;
+  --dot-bottom-max: 4.5rem;
 
   height: auto;
   max-height: calc(100vh - 4rem);
@@ -25,9 +31,9 @@
 
 .hero-slider .slick-dots {
   position: absolute;
-  inset-block-end: clamp(1rem, 5vw, 4.5rem);
+  inset-block-end: clamp(var(--dot-bottom-min), 5vw, var(--dot-bottom-max));
   z-index: 1;
-  display: flex;
+  display: flex !important;
   gap: var(--dot-gap);
   justify-content: center;
   width: 100%;