fix slick negative margin issue

Piwigo · Sep 18, 2017 · 9618caf · 9618caf
1 parent 7c1f495
commit 9618caf
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/template/picture.tpl b/template/picture.tpl
@@ -27,15 +27,15 @@ $('#theImage img').bind('swipeleft swiperight', function (event) {
 {/strip}{/footer_script}
 {/if}
 
-  <div id="theImage" class="row justify-content-center">
+  <div id="theImage" class="row justify-content-center mb-3">
     {$ELEMENT_CONTENT}
   </div>
 
 {if $theme_config->picture_info == 'sidebar' && get_device() == 'desktop'}
   {include file='picture_info_sidebar.tpl'}
 {/if}
 
-  <div id="theImageComment" class="row justify-content-center">
+  <div id="theImageComment" class="row justify-content-center mb-3">
 {if isset($COMMENT_IMG)}
     <div class="text-center col-lg-10 -col-md-12 mx-auto">
       <section id="important-info">
@@ -81,8 +81,8 @@ $('#theImage img').bind('swipeleft swiperight', function (event) {
   {if $theme_config->photoswipe && $theme_config->slick_infinite}
     {include file="_photoswipe_js.tpl" selector="#photoSwipeData"}
   {/if}
-  <div id="theImageCarousel" class="row">
-    <div class="col-lg-10 col-md-12 mx-auto">
+  <div id="theImageCarousel" class="row mx-0">
+    <div class="col-lg-10 col-md-12">
       <div id="thumbnailCarousel" class="slick-carousel">
   {assign var=idx value=0}
   {foreach from=$thumbnails item=thumbnail}