fix a graphical bug which happened randomly with carousels

ot_templating/Resources/Public/assets/script/main.js

@@ -71,8 +71,6 @@ $(document).ready(function(){
 
     $(function(){
         $(window).scroll(function() {
-            console.log($(this).scrollTop());
-            console.log(menuTop);
             if ($(this).scrollTop() >= menuTop) {
                 $('#menu').addClass('sticky');
             }
@@ -93,7 +91,6 @@ $(document).ready(function(){
 
     if ($('#login-popup').find('.alert').length) {
         $('#login-popup .popup-form').toggleClass("show");
-        console.log('')
     }
 
     // **** Forms ****
@@ -155,8 +152,6 @@ $(document).ready(function(){
         var eventMap = L.map('event-map', mapOptions);
         eventMap.setView([events[0].lat, events[0].long], initialZoom);
 
-        console.log([events[0].lat, events[0].long]);
-
         // Add the tile layer
         L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
             maxZoom: 18,

ot_templating/Resources/Public/assets/style/common/module/_carousel.scss

@@ -5,6 +5,11 @@ header .slick-track {
   max-height: $head-carousel-max-height;
 }
 
+// vertically centered
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -29,18 +34,6 @@ header .slick-track {
   align-items:center;
 }
 
-// horizontally center
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 // arrows color:
 
 .slick-prev:before, .slick-next:before {

ot_templating/Resources/Public/assets/style/style.css

@@ -566,6 +566,10 @@ header .slick-track {
   max-height: 380px;
 }
 
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -588,17 +592,6 @@ header .slick-track {
   align-items: center;
 }
 
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 .slick-prev:before, .slick-next:before {
   color: #2b2b2b;
 }

ot_templating/Resources/Public/assets/style/theme-blue.css

@@ -566,6 +566,10 @@ header .slick-track {
   max-height: 380px;
 }
 
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -588,17 +592,6 @@ header .slick-track {
   align-items: center;
 }
 
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 .slick-prev:before, .slick-next:before {
   color: #2b2b2b;
 }
@@ -609,6 +602,7 @@ header .slick-track {
 
 .be-carousel-img-preview {
   margin-right: 4px;
+  margin-bottom: 4px;
 }
 
 .ot-box {

ot_templating/Resources/Public/assets/style/theme-green.css

@@ -566,6 +566,10 @@ header .slick-track {
   max-height: 380px;
 }
 
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -588,17 +592,6 @@ header .slick-track {
   align-items: center;
 }
 
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 .slick-prev:before, .slick-next:before {
   color: #2b2b2b;
 }
@@ -609,6 +602,7 @@ header .slick-track {
 
 .be-carousel-img-preview {
   margin-right: 4px;
+  margin-bottom: 4px;
 }
 
 .ot-box {

ot_templating/Resources/Public/assets/style/theme-grey.css

@@ -566,6 +566,10 @@ header .slick-track {
   max-height: 380px;
 }
 
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -588,17 +592,6 @@ header .slick-track {
   align-items: center;
 }
 
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 .slick-prev:before, .slick-next:before {
   color: #2b2b2b;
 }
@@ -609,6 +602,7 @@ header .slick-track {
 
 .be-carousel-img-preview {
   margin-right: 4px;
+  margin-bottom: 4px;
 }
 
 .ot-box {

ot_templating/Resources/Public/assets/style/theme-light-blue.css

@@ -566,6 +566,10 @@ header .slick-track {
   max-height: 380px;
 }
 
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -588,17 +592,6 @@ header .slick-track {
   align-items: center;
 }
 
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 .slick-prev:before, .slick-next:before {
   color: #2b2b2b;
 }
@@ -609,6 +602,7 @@ header .slick-track {
 
 .be-carousel-img-preview {
   margin-right: 4px;
+  margin-bottom: 4px;
 }
 
 .ot-box {

ot_templating/Resources/Public/assets/style/theme-light-red.css

@@ -566,6 +566,10 @@ header .slick-track {
   max-height: 380px;
 }
 
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -588,17 +592,6 @@ header .slick-track {
   align-items: center;
 }
 
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 .slick-prev:before, .slick-next:before {
   color: #2b2b2b;
 }
@@ -609,6 +602,7 @@ header .slick-track {
 
 .be-carousel-img-preview {
   margin-right: 4px;
+  margin-bottom: 4px;
 }
 
 .ot-box {

ot_templating/Resources/Public/assets/style/theme-orange.css

@@ -566,6 +566,10 @@ header .slick-track {
   max-height: 380px;
 }
 
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -588,17 +592,6 @@ header .slick-track {
   align-items: center;
 }
 
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 .slick-prev:before, .slick-next:before {
   color: #2b2b2b;
 }
@@ -609,6 +602,7 @@ header .slick-track {
 
 .be-carousel-img-preview {
   margin-right: 4px;
+  margin-bottom: 4px;
 }
 
 .ot-box {

ot_templating/Resources/Public/assets/style/theme-purple.css

@@ -566,6 +566,10 @@ header .slick-track {
   max-height: 380px;
 }
 
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -588,17 +592,6 @@ header .slick-track {
   align-items: center;
 }
 
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 .slick-prev:before, .slick-next:before {
   color: #2b2b2b;
 }
@@ -609,6 +602,7 @@ header .slick-track {
 
 .be-carousel-img-preview {
   margin-right: 4px;
+  margin-bottom: 4px;
 }
 
 .ot-box {

ot_templating/Resources/Public/assets/style/theme-red.css

@@ -566,6 +566,10 @@ header .slick-track {
   max-height: 380px;
 }
 
+.carousel {
+  margin: 0 auto;
+}
+
 .slick-track {
   overflow: hidden;
 }
@@ -588,17 +592,6 @@ header .slick-track {
   align-items: center;
 }
 
-.center-carousel {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-
-.center-carousel .carousel {
-  display: block;
-}
-
 .slick-prev:before, .slick-next:before {
   color: #2b2b2b;
 }
@@ -609,6 +602,7 @@ header .slick-track {
 
 .be-carousel-img-preview {
   margin-right: 4px;
+  margin-bottom: 4px;
 }
 
 .ot-box {