Update index.html

index.html

@@ -7,6 +7,9 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <!-- PDF & Charting Libraries -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.23/jspdf.plugin.autotable.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <link rel="stylesheet" href="style.css">
 </head>
@@ -64,19 +67,12 @@
                 </div>
             </div>
         </div>
-        <!-- Bottom Row for Analytics & Actions -->
-        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6">
-            <div class="lg:col-span-1"> <!-- Factory Analytics -->
-                <div class="dashboard-card p-6">
-                    <h2 class="text-lg font-semibold mb-4">Factory Analytics</h2>
-                    <div id="analytics-content" class="space-y-3"></div>
-                </div>
-            </div>
-            <div class="lg:col-span-1"> <!-- Re-order List -->
-                <div class="dashboard-card p-6">
-                    <h2 class="text-lg font-semibold mb-4">Re-order List</h2>
-                    <ul id="reorder-list" class="space-y-3 h-48 overflow-y-auto pr-2"></ul>
-                </div>
+        
+        <!-- Re-order List (now takes full width) -->
+        <div class="mt-6">
+            <div class="dashboard-card p-6">
+                <h2 class="text-lg font-semibold mb-4">Re-order List</h2>
+                <ul id="reorder-list" class="space-y-3 overflow-y-auto pr-2" style="max-height: 250px;"></ul>
             </div>
         </div>
     </main>