From 2cdb3f20ad61ff54beddfc44a5e812cc1588405a Mon Sep 17 00:00:00 2001
From: Andrew Welch <andrew@nystudio107.com>
Date: Wed, 9 Oct 2024 13:56:35 -0400
Subject: [PATCH] refactor: Really fix centering issue

---
 src/templates/_components/fields/OptimizedImages_input.twig | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/templates/_components/fields/OptimizedImages_input.twig b/src/templates/_components/fields/OptimizedImages_input.twig
index 5fa47a3..ec40b88 100644
--- 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 %}