refactor: Really fix centering issue

nystudio107 · Oct 9, 2024 · 2cdb3f2 · 2cdb3f2
1 parent 08e3ba6
commit 2cdb3f2
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/templates/_components/fields/OptimizedImages_input.twig b/src/templates/_components/fields/OptimizedImages_input.twig
@@ -107,7 +107,7 @@
                                 {% set markerWidth = 4 %}
                                 {% set markerHeight = 4 %}
                                 {% set lineY = 12 %}
-                                <svg class="inline-block" width="{{ thisWidth }}" height="20px">
+                                <svg width="{{ thisWidth }}" height="20px" style="margin: auto;">
                                     <marker id="{{ name }}startarrow" markerWidth="{{ markerWidth }}"
                                             markerHeight="{{ markerHeight }}"
                                             refX="{{ markerWidth }}" refY="{{ markerHeight / 2 }}" orient="auto">
@@ -149,6 +149,7 @@
                                         <a href="{{ thisUrl ~ cacheBustString }}" target="_blank">
                                             <div style="position: relative;">
                                                 <img class="io-soft-shadow-img io-preview-image {{ imageClass }}"
+                                                     style="margin: auto;"
                                                      src="{{ thisUrl ~ cacheBustString }}" height="{{ thisHeight }}"
                                                      width="{{ thisWidth }}"/>
                                                 {% if (retinaSizes |length) > 1 %}