minor ui tweaks

index.html

@@ -363,6 +363,14 @@
                   class="aspect-[2/3] w-full rounded-xl overflow-hidden bg-zinc-800 border border-zinc-700 relative group shadow-lg">
                   <img id="modalMainImage" src="" alt="Model preview"
                     class="w-full h-full object-cover transition-opacity duration-300">
+
+                  <!-- View Original Button (Moved to Top Left) -->
+                  <a id="openOriginalLink" href="#" target="_blank"
+                    class="absolute top-2 left-2 p-2 bg-black/40 hover:bg-black/70 backdrop-blur-md rounded-lg text-white/80 hover:text-white border border-white/10 transition-all z-20 focus:outline-none focus:ring-2 focus:ring-indigo-500"
+                    title="View Original Image">
+                    <i data-lucide="external-link" class="h-4 w-4"></i>
+                  </a>
+
                   <!-- Image source badge for modal main image -->
                   <div class="absolute top-2 right-2 z-10">
                     <span id="modalImageBadge"
@@ -370,30 +378,13 @@
                   </div>
                 </div>
 
-                <!-- Action Bar (Professional Clean Design) -->
-                <div class="flex gap-3 w-full">
-                  <!-- Secondary Action: View -->
-                  <a id="openOriginalLink" href="#" target="_blank"
-                    class="flex-1 flex items-center justify-center px-4 py-2.5 bg-zinc-800 hover:bg-zinc-750 border border-zinc-700 hover:border-zinc-600 rounded-lg transition-all group focus:outline-none focus:ring-2 focus:ring-zinc-500/50">
-                    <i data-lucide="external-link"
-                      class="h-5 w-5 text-zinc-400 group-hover:text-white transition-colors mr-3"></i>
-                    <div class="flex flex-col text-left">
-                      <span class="text-sm font-medium text-zinc-200 group-hover:text-white leading-tight">View</span>
-                      <span
-                        class="text-[10px] text-zinc-500 group-hover:text-zinc-400 font-medium tracking-wide leading-tight">SOURCE</span>
-                    </div>
-                  </a>
-
-                  <!-- Primary Action: Download -->
+                <!-- Action Bar (Download Only - Full Width) -->
+                <div class="w-full">
                   <a id="downloadImageBtn" href="#" target="_blank" download
-                    class="flex-1 flex items-center justify-center px-4 py-2.5 bg-indigo-600 hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-400 rounded-lg transition-all shadow-md group focus:outline-none focus:ring-2 focus:ring-indigo-500/50">
+                    class="w-full group flex items-center justify-center px-4 py-3.5 bg-indigo-600 hover:bg-indigo-500 border border-indigo-500 hover:border-indigo-400 rounded-xl transition-all duration-200 shadow-lg shadow-indigo-900/20 focus:outline-none focus:ring-2 focus:ring-indigo-500/50">
                     <i data-lucide="download"
-                      class="h-5 w-5 text-indigo-100 group-hover:text-white transition-colors mr-3"></i>
-                    <div class="flex flex-col text-left">
-                      <span class="text-sm font-medium text-white leading-tight">Download</span>
-                      <span
-                        class="text-[10px] text-indigo-200 group-hover:text-indigo-100 font-medium tracking-wide leading-tight">IMAGE</span>
-                    </div>
+                      class="h-5 w-5 text-white mr-2.5 transition-transform group-hover:-translate-y-0.5"></i>
+                    <span class="text-sm font-semibold text-white leading-none">Download Original Image</span>
                   </a>
                 </div>
 
@@ -458,8 +449,8 @@
       "embedding": "https://huggingface.co/malcolmrey/embeddings/resolve/main/",
       "flux": "https://huggingface.co/malcolmrey/flux/resolve/main/",
       "wan": "https://huggingface.co/malcolmrey/wan/resolve/main/wan2.1/",
-      "sdxl": "https://huggingface.co/malcolmrey/sdxl/tree/main/",
-      "zimage": "https://huggingface.co/malcolmrey/zimage/tree/main/"
+      "sdxl": "https://huggingface.co/malcolmrey/sdxl/resolve/main/",
+      "zimage": "https://huggingface.co/malcolmrey/zimage/resolve/main/"
     };
 
     const TYPE_DISPLAY_NAMES = {