reduced prev and next button width for the front page featured events slider

diff --git a/css/app.css b/css/app.css
index 923d4a0..7f8da08 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6773,7 +6773,7 @@ main.page-inside #main-content {
           margin: 0 auto 20px; } }
     .rotate#event .slick-arrow {
       float: right;
-      width: 40px;
+      width: 25px;
       background: #73bf45;
       color: #FFFFFF;
       transition: background 0.5s;

diff --git a/js/app.js b/js/app.js
index 68f480c..365a4e1 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -78,6 +78,7 @@ $(document).ready(function () {
     var start_datepicker_large = $("#resContent").find("#start-jrdatepicker");
     var end_datepicker_large = $("#resContent").find("#end-jrdatepicker");
     
+    // remove id from the pc view datepicker so it doesn't conflict with mobile view (booking widget)
     function remove_datepicker(){
         if ($(window).width() < 1024) {
             $(start_date).attr("id", "none")
@@ -130,6 +131,7 @@ $(document).ready(function () {
 
     });
     
+    // initialize the slick sliders on the events and blocks front page
     function check_window_width(){
         if($(window).width() > 1025){
             $(".glm-blocks-container").slick({

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 7097818..32d880d 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -69,6 +69,7 @@ $(document).ready(function () {
     var start_datepicker_large = $("#resContent").find("#start-jrdatepicker");
     var end_datepicker_large = $("#resContent").find("#end-jrdatepicker");
     
+    // remove id from the pc view datepicker so it doesn't conflict with mobile view (booking widget)
     function remove_datepicker(){
         if ($(window).width() < 1024) {
             $(start_date).attr("id", "none")
@@ -121,6 +122,7 @@ $(document).ready(function () {
 
     });
     
+    // initialize the slick sliders on the events and blocks front page
     function check_window_width(){
         if($(window).width() > 1025){
             $(".glm-blocks-container").slick({

diff --git a/scss/_main.scss b/scss/_main.scss
index 001583f..4087c1d 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -356,7 +356,7 @@ main.page-inside {
         }
         .slick-arrow{
             float: right;
-            width: 40px;
+            width: 25px;
             background: $green;
             color: $white;
             transition: background 0.5s;