From 95c085d560f21b19d0b07719ea42a85519f5eadd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yusuf=20=C4=B0pek?= <yusufipek@protonmail.com>
Date: Fri, 6 Feb 2026 10:21:44 +0300
Subject: [PATCH] fix: update image download link to use the original URL and
 enhance modal metadata styling

---
 src/app.js     |  2 +-
 src/styles.css | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/app.js b/src/app.js
index 1d046b3..8ddc38e 100644
--- a/src/app.js
+++ b/src/app.js
@@ -972,7 +972,7 @@ function downloadImageByIndex(index) {
     if (!image) return;
 
     const link = document.createElement('a');
-    link.href = sanitizeImageUrl(image.url);
+    link.href = image.url;
     const timestamp = new Date(image.createdAt).toISOString().replace(/[:.]/g, '-');
     link.download = `imagen-${timestamp}.png`;
     document.body.appendChild(link);
diff --git a/src/styles.css b/src/styles.css
index e577453..8f10e45 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -948,12 +948,22 @@ body {
     padding: 16px;
     font-size: 0.85rem;
     color: var(--text-secondary);
+    max-height: 200px;
+    overflow-y: auto;
 }
 
 .modal-metadata p {
     margin-bottom: 8px;
 }
 
+.modal-metadata p:first-child {
+    display: -webkit-box;
+    -webkit-line-clamp: 4;
+    line-clamp: 4;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
 .modal-metadata p:last-child {
     margin-bottom: 0;
 }