Update index.html

templates/index.html

@@ -101,14 +101,17 @@
 
             <!-- Summarize Section -->
             <div class="mt-6">
-              <button id="btnSummarize"
-                class="bg-indigo-500 hover:bg-indigo-600 text-white px-4 py-2 rounded disabled:opacity-50" disabled>
-                Summarize PDF
-              </button>
-
-              <div id="summaryBox"
-                class="mt-4 max-h-64 overflow-y-auto text-sm text-gray-700 p-3 border rounded bg-gray-50 hidden">
+              <div class="mt-2 flex items-start gap-3">
+                <button id="btnSummarize"
+                  class="bg-indigo-500 hover:bg-indigo-600 text-white px-4 py-2 rounded disabled:opacity-50" disabled>
+                  Summarize PDF
+                </button>
+
+                <div id="summaryBox"
+                  class="flex-1 max-h-64 overflow-y-auto text-sm text-gray-700 p-3 border rounded bg-gray-50 hidden">
+                </div>
               </div>
+
             </div>
 
 
@@ -433,43 +436,42 @@
       }
     };
 
-    
+
 
     // Summarize logic
     btnSummarize.onclick = async () => {
-  if (!window.currentFileId) {
-    summaryBox.textContent = "⚠️ Please upload a PDF first.";
-    summaryBox.classList.remove("hidden");
-    return;
-  }
-
-  btnSummarize.disabled = true;
-  btnSummarize.textContent = "Summarizing…";
-  summaryBox.textContent = "⏳ Generating summary...";
-  summaryBox.classList.remove("hidden");
-
-  try {
-    const res = await fetch("/summarize", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ file_id: window.currentFileId }),
-    });
+      if (!window.currentFileId) {
+        summaryBox.textContent = "⚠️ Please upload a PDF first.";
+        summaryBox.classList.remove("hidden");
+        return;
+      }
 
-    const data = await res.json();
+      btnSummarize.disabled = true;
+      btnSummarize.textContent = "Summarizing…";
+      summaryBox.textContent = "⏳ Generating summary...";
+      summaryBox.classList.remove("hidden");
 
-    if (res.ok) {
-      summaryBox.textContent = data.summary || "No summary available.";
-    } else {
-      summaryBox.textContent = "❌ " + (data.error || "Summarization failed.");
-    }
-  } catch (err) {
-    summaryBox.textContent = "❌ Error summarizing file.";
-  }
-
-  btnSummarize.disabled = false;
-  btnSummarize.textContent = "Summarize PDF";
-};
-    
+      try {
+        const res = await fetch("/summarize", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ file_id: window.currentFileId }),
+        });
+
+        const data = await res.json();
+
+        if (res.ok) {
+          summaryBox.textContent = data.summary || "No summary available.";
+        } else {
+          summaryBox.textContent = "❌ " + (data.error || "Summarization failed.");
+        }
+      } catch (err) {
+        summaryBox.textContent = "❌ Error summarizing file.";
+      }
+
+      btnSummarize.disabled = false;
+      btnSummarize.textContent = "Summarize PDF";
+    };
 
   </script>