Improve margins of sidebar labels

public/typo3conf/ext/ep_theme/Resources/Private/Partials/Region/Webcam.html

@@ -1,6 +1,6 @@
 <f:if condition="{region.webcam.available}">
     <div class="bg-gray-50 p-4 mb-8">
-        <p class="font-bold">
+        <p class="font-bold mb-2">
             Webcam
         </p>
         <a href="{region.webcam.url}"

public/typo3conf/ext/ep_theme/Resources/Private/Partials/RegionMaps.html

@@ -1,7 +1,7 @@
 <f:if condition="{region.regionMaps}">
     <div class="bg-gray-50 p-4 mb-4"
          data-controller="lightbox">
-        <p class="font-bold mb-1">
+        <p class="font-bold mb-2">
             Pistenplan
         </p>
         <f:for each="{region.regionMaps}" as="regionMap" iteration="iteration">

public/typo3conf/ext/ep_theme/Resources/Private/Templates/Product/Detail.html

@@ -205,7 +205,7 @@
             </div>
         </f:if>
         <div class="bg-gray-50 p-4 mb-4">
-            <p class="font-bold">
+            <p class="font-bold mb-2">
                 Lage
             </p>
             <div class="w-full aspect-w-16 aspect-h-9"
@@ -354,20 +354,25 @@
 
     <f:section name="SidebarGallery">
         <f:if condition="{product.images}">
-            <div class="bg-gray-50 p-4 mb-4 grid grid-cols-4 gap-2"
+            <div class="bg-gray-50 p-4 mb-4">
-                 data-controller="lightbox">
+                <p class="font-bold mb-2">
-                <f:for each="{product.images}" as="image" iteration="iteration">
+                    Galerie
-                    <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"
+                </p>
-                       data-lightbox-target="thumb"
+                <div class="grid grid-cols-4 gap-2"
-                       data-lightbox-index="{iteration.cycle}"
+                     data-controller="lightbox">
-                       data-lightbox-caption="{image.originalResource.description}"
+                    <f:for each="{product.images}" as="image" iteration="iteration">
-                       data-action="lightbox#open">
+                        <a href="{f:uri.image(image: image, cropVariant: 'zoom', maxWidth: '2560')}"
-                        <img data-src="{f:uri.image(image: image, width: '160', height: '160c+100')}"
+                           data-lightbox-target="thumb"
-                             class="block w-full h-auto lazyload"
+                           data-lightbox-index="{iteration.cycle}"
-                             alt="{image.alternative}"
+                           data-lightbox-caption="{image.originalResource.description}"
-                             title="{image.title}">
+                           data-action="lightbox#open">
-                    </a>
+                            <img data-src="{f:uri.image(image: image, width: '160', height: '160c+100')}"
-                </f:for>
+                                 class="block w-full h-auto lazyload"
+                                 alt="{image.alternative}"
+                                 title="{image.title}">
+                        </a>
+                    </f:for>
+                </div>
             </div>
         </f:if>
     </f:section>