Update templates/database.html

templates/database.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>RetiCheck | Patient Database</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
         * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; }
         body { background: #0f172a; color: white; padding: 30px; text-align: center; }
@@ -19,8 +20,13 @@
         .safe { color: #10b981; font-weight: bold; }
         .urgent { color: #ef4444; font-weight: bold; }
         
-        .btn-back { display: inline-block; padding: 10px 20px; margin-top: 20px; background: #334155; color: white; text-decoration: none; border-radius: 10px; transition: 0.3s; }
+        .btn-back { display: inline-block; padding: 12px 20px; background: #334155; color: white; text-decoration: none; border-radius: 10px; transition: 0.3s; font-weight: bold; }
         .btn-back:hover { background: #475569; }
+        
+        /* PUDHU CODE: எக்செல் பட்டன் டிசைன் 👇 */
+        .btn-export { display: inline-block; padding: 12px 20px; background: #10b981; color: white; text-decoration: none; border-radius: 10px; font-weight: bold; margin-right: 15px; transition: 0.3s; box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3); }
+        .btn-export:hover { background: #059669; transform: translateY(-2px); }
+        /* PUDHU CODE END 👆 */
     </style>
 </head>
 <body>
@@ -54,7 +60,10 @@
             </tbody>
         </table>
 
-        <a href="/upload" class="btn-back">🔙 Back to Scanner</a>
+        <div style="margin-top: 30px;">
+            <a href="/export_csv" class="btn-export"><i class="fa-solid fa-file-excel"></i> Download Excel Report</a>
+            <a href="/upload" class="btn-back">🔙 Back to Scanner</a>
+        </div>
     </div>
 
 </body>