fix: fix small detail on gallery preview styling (#2199)

fix: fix small detail on gallery preview styling (#2199)

diff --git a/ankihub/templates/ai/partials/note_preview.html b/ankihub/templates/ai/partials/note_preview.html
index fb6cf2c..0aa673e 100644
--- a/ankihub/templates/ai/partials/note_preview.html
+++ b/ankihub/templates/ai/partials/note_preview.html
@@ -18,12 +18,12 @@
     </div>
 
     <div id="note-preview-section-container" class="relative flex h-full mt-4 px-11 w-full {% if not is_on_anki %}container mx-auto{% endif %}">
-        <div class="absolute left-6 sm:left-0 w-fit h-full flex flex-col items-center justify-center">
+        <div class="absolute left-6 sm:left-1.5 w-fit h-full flex flex-col items-center justify-center">
             <button @click="decrementIndex" class="w-fit p-[10px] text-white dark:text-black bg-indigo-600 dark:bg-indigo-400 p-[10px] rounded disabled:text-gray-500 hover:bg-indigo-700 hover:dark:bg-indigo-300 disabled:bg-gray-200 dark:disabled:bg-gray-800" :disabled="currentIndex === 0">
                 {% Icons icon="chevron-left-solid" class="h-4 w-4" %}
             </button>
         </div>
-        <div class="absolute right-6 sm:right-0 w-fit h-full flex flex-col items-center justify-center">
+        <div class="absolute right-6 sm:right-1.5 w-fit h-full flex flex-col items-center justify-center">
             <button @click="incrementIndex" class="w-fit p-[10px] text-white dark:text-black bg-indigo-600 dark:bg-indigo-400 p-[10px] rounded disabled:text-gray-500 hover:bg-indigo-700 hover:dark:bg-indigo-300 disabled:bg-gray-200 dark:disabled:bg-gray-800" :disabled="(currentIndex === items.length - 1) || (items.length <= 1)">
                 {% Icons icon="chevron-right-solid" class="h-4 w-4" %}
             </button>

GitHub
sha: bedbd71019d70baefded58f68d871acb22af832b