Update app.py

app.py

@@ -366,24 +366,21 @@ def create_gradio_interface():
         ],
         outputs=[
             gr.File(label="Download Papers (ZIP) or Single PDF"),
-             gr.HTML(label="""
-               <div style='padding-bottom: 5px; font-weight: bold;'>
-                        Enter Single DOI
-               </div>
-               <div style='border: 1px solid #ddd; padding: 5px; border-radius: 5px;'>
-                    <div style='padding-bottom: 5px; font-weight: bold;'>
-                        Downloaded DOIs
-                    </div>
+            gr.HTML(label="""
+                <div style='padding-bottom: 5px; font-weight: bold;'>
+                    Found DOIs
+                </div>
+                <div style='border: 1px solid #ddd; padding: 5px; border-radius: 5px;'>
                     <div id="downloaded-dois"></div>
-                 </div>
+                </div>
             """),
-           gr.HTML(label="""
+            gr.HTML(label="""
+                <div style='padding-bottom: 5px; font-weight: bold;'>
+                    Missed DOIs
+                </div>
                 <div style='border: 1px solid #ddd; padding: 5px; border-radius: 5px;'>
-                    <div style='padding-bottom: 5px; font-weight: bold;'>
-                        Failed DOIs
-                    </div>
                     <div id="failed-dois"></div>
-                 </div>
+                </div>
             """),
             gr.File(label="Downloaded Single PDF")
         ],
@@ -418,13 +415,13 @@ def create_gradio_interface():
     # Add Javascript to update HTML
     interface.load = """
         function(downloaded_dois, failed_dois){
-             let downloaded_html = '<h3>Found DOIs</h3>';
+             let downloaded_html = '';
              downloaded_dois.split('\\n').filter(Boolean).forEach(doi => {
                 downloaded_html +=  '[' + doi + ']<br>';
             });
             document.querySelector("#downloaded-dois").innerHTML = downloaded_html;
     
-             let failed_html = '<h3>Missed DOIs</h3>';
+             let failed_html = '';
              failed_dois.split('\\n').filter(Boolean).forEach(doi => {
                 failed_html += '[' + doi + ']<br>';
             });