Rearranged user activity stats page to have the less useful/popular stats to the bottom

Author: crocodilestick

cps/templates/cwa_user_activity.html

@@ -452,13 +452,7 @@ <h1>📊 User Activity Dashboard</h1>
         <div id="heatmap-chart" style="width: 100%; height: 350px;"></div>
     </div>
 
-    <!-- Reading Velocity Trend -->
-    <div class="chart-container">
-        <div class="chart-title">📚 Reading Velocity (Books per Week)</div>
-        <div id="velocity-chart" style="width: 100%; height: 350px;"></div>
-    </div>
-    
-    <!-- Second Row: Event Breakdown & Format Distribution -->
+    <!-- Event Breakdown & Format Distribution -->
     <div class="row cwa-stats-row">
         <div class="col-md-6">
             <div class="chart-container">
@@ -474,17 +468,7 @@ <h1>📊 User Activity Dashboard</h1>
         </div>
     </div>
 
-    <!-- Third Row: Download Formats Pie Chart -->
-    <div class="row cwa-stats-row">
-        <div class="col-md-12">
-            <div class="chart-container">
-                <div class="chart-title">📦 Download Formats Distribution</div>
-                <div id="formats-chart" style="width: 100%; height: 350px;"></div>
-            </div>
-        </div>
-    </div>
-    
-    <!-- Fourth Row: Discovery Sources, Device Breakdown, Security -->
+    <!-- Discovery Sources, Device Breakdown, Security -->
     <div class="row cwa-stats-row">
         <div class="col-md-4">
             <div class="chart-container">
@@ -511,7 +495,7 @@ <h1>📊 User Activity Dashboard</h1>
         </div>
     </div>
 
-    <!-- Fifth Row: Top Lists -->
+    <!-- Top Lists -->
     <div class="row cwa-stats-row">
         <div class="col-md-4">
             <div class="chart-container">
@@ -581,6 +565,22 @@ <h3>No Activity Data Yet</h3>
         <p style="color: #bbb; font-size: 0.9em;">Downloads, reading sessions, and searches will be tracked here.</p>
     </div>
 
+    <!-- Download Formats Pie Chart -->
+    <div class="row cwa-stats-row">
+        <div class="col-md-12">
+            <div class="chart-container">
+                <div class="chart-title">📦 Download Formats Distribution</div>
+                <div id="formats-chart" style="width: 100%; height: 350px;"></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Reading Velocity Trend -->
+    <div class="chart-container">
+        <div class="chart-title">📚 Reading Velocity (Books per Week)</div>
+        <div id="velocity-chart" style="width: 100%; height: 350px;"></div>
+    </div>
+
 <script>
 // Data from backend
 const realData = {