From e4e3b3447d1f497bd9fef23245bee86342c7e813 Mon Sep 17 00:00:00 2001
From: alexanderroese <github@roese.dev>
Date: Thu, 18 Jul 2024 17:29:44 +0200
Subject: [PATCH] select with images

---
 snippets/shx-3d-render-input.liquid | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid
index fea4cb5..5645b02 100644
--- a/snippets/shx-3d-render-input.liquid
+++ b/snippets/shx-3d-render-input.liquid
@@ -655,7 +655,7 @@
                 <div class="shx-custom-enhanced-dropdown field custom">
                     <button class="shx-custom-enhanced-dropdown-button" onclick="toggleCustomEnhancedDropdownFont()">
                         <div style="display: flex; justify-content: space-between; align-items: center; pointer-events: none; height: 40px">
-                            <div style="position: relative; top: 2px; width: 120px">
+                            <div style="position: relative; top: 4px; width: 120px">
                                 <img id="shx-custom-enhanced-dropdown-font-select-selected-value" alt="lade..." style="height: 28px"></img>
                             </div>
                         
@@ -686,7 +686,9 @@
             if (isInputShxFont) {
                 customDropdownHtml += `
                     <div data-value="${optionValue}" class="${inputVal === optionValue ? 'shx-custom-enhanced-dropdown-variant-selected' : ''}" onclick="onFontDropdownItemClick(event)" style="height: 60px">
-                        <img src="${getCustomEnhancedDropdownItemFontAssetUrl(optionValue)}" alt="${optionDisplayName}" style="height: 100%;" />
+                        <div>
+                            <img src="${getCustomEnhancedDropdownItemFontAssetUrl(optionValue)}" alt="${optionDisplayName}" style="height: 100%; width: 100%" />
+                        </div>
                     </div>
                     `
             }