fix: Caption alignment on pictures

Author: kumy

website/app-templates/smarty/extension/SmartyGeokretyExtension.php

@@ -697,7 +697,6 @@ class="{if $isChart}elevation-profile{/if}"
     </div>
 
     <figcaption>
-      <p class="text-center picture-caption" title="{$caption}">{$caption}</p>
       {if $showItemLink && $picture}
         <p class="text-center">
           {if $picture->isType(Geokrety\PictureType::PICTURE_USER_AVATAR)}
@@ -708,6 +707,8 @@ class="{if $isChart}elevation-profile{/if}"
             {$picture->geokret|gklink nofilter}
           {/if}
         </p>
+      {else}
+        <p class="text-center picture-caption" title="{$caption}">{$caption}</p>
       {/if}
     </figcaption>
 

website/public/app-ui/css/gallery.scss

@@ -118,12 +118,24 @@ div.gallery {
 
   /* caption */
   figcaption {
-    border-top: 1px solid silver; background-color: #eee;
-    padding: 6px 8px; text-align: center; min-height: 48px;
-    display: flex; align-items: center; justify-content: center;
+    border-top: 1px solid silver;
+    background-color: #eee;
+    padding: 6px 8px;
+    min-height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
+
   figcaption > p {
-    margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;
+    margin: 0;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    width: 100%;
+    text-align: left; /* or center - your choice */
+    max-width: 100%;
+    box-sizing: border-box;
   }
 
   figure:hover { box-shadow: 0 2px 8px rgba(0,0,0,.08); }