From 665139b3622873f038d6c264023e78302d84fe27 Mon Sep 17 00:00:00 2001
From: Kim Nguyen <design@kimisgold.com>
Date: Fri, 28 Jun 2024 14:58:34 -0400
Subject: [PATCH] Adjust sizing on slick slider controls.

---
 css/sass/_screen.scss | 13 ++++++++++---
 css/style.css         | 14 +++++++++++---
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/css/sass/_screen.scss b/css/sass/_screen.scss
index 903dcb0..0e844b0 100644
--- a/css/sass/_screen.scss
+++ b/css/sass/_screen.scss
@@ -959,7 +959,6 @@ footer {
 
 #home #featured-slides {
     margin: 0 0 (2 * $base-line-height);
-    background-color: $gray;
     position: relative;
 }
 
@@ -1025,6 +1024,10 @@ footer {
     }
 }
 
+#featured .slick-list {
+    padding-bottom: $spacing-l;
+}
+
 #featured .slick-slide {
     min-height: 50vh;
 }
@@ -1041,17 +1044,21 @@ footer {
 
 #featured .slick-dots li {
     display: inline-block;
+    margin: 0 .75em;
+    vertical-align: 6px;
 }
 
 #featured .slick-dots button {
     background-color: $gray;
-    width: 24px;
-    height: 24px;
+    width: 16px;
+    height: 16px;
     border-radius: 24px;
     text-indent: -9999px;
     border: 0;
     cursor: pointer;
     margin: 0 .5em;
+    min-height: 0;
+    min-width: 0;
 }
 
 #featured .slick-dots .slick-active button {
diff --git a/css/style.css b/css/style.css
index 6f47528..26a5d59 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1391,7 +1391,6 @@ nav ul {
 @media screen {
   #home #featured-slides {
     margin: 0 0 48px;
-    background-color: #dedede;
     position: relative;
   }
 }
@@ -1460,6 +1459,11 @@ nav ul {
     outline: solid;
   }
 }
+@media screen {
+  #featured .slick-list {
+    padding-bottom: 24px;
+  }
+}
 @media screen {
   #featured .slick-slide {
     min-height: 50vh;
@@ -1479,18 +1483,22 @@ nav ul {
 @media screen {
   #featured .slick-dots li {
     display: inline-block;
+    margin: 0 0.75em;
+    vertical-align: 6px;
   }
 }
 @media screen {
   #featured .slick-dots button {
     background-color: #dedede;
-    width: 24px;
-    height: 24px;
+    width: 16px;
+    height: 16px;
     border-radius: 24px;
     text-indent: -9999px;
     border: 0;
     cursor: pointer;
     margin: 0 0.5em;
+    min-height: 0;
+    min-width: 0;
   }
 }
 @media screen {