moved all table listing to server side tables and set the header to dark for better contrast

report_income_summary.php

@@ -13,12 +13,14 @@ $sql_categories = mysqli_query($mysqli,"SELECT * FROM categories WHERE category_
 
 ?>
 
-<div class="card mb-3">
-  <div class="card-header">
+<div class="card">
+  <div class="card-header bg-dark text-white">
     <h6 class="float-left mt-1"><i class="fa fa-fw fa-coins mr-2"></i>Income Summary</h6>
     <button type="button" class="btn btn-primary btn-sm float-right d-print-none" onclick="window.print();"><i class="fas fa-fw fa-print"></i> Print</button>
-    <form>
-      <select onchange="this.form.submit()" class="form-control mt-5" name="year">
+  </div>
+  <div class="card-body">
+    <form class="mb-3">
+      <select onchange="this.form.submit()" class="form-control" name="year">
         <?php 
                 
         while($row = mysqli_fetch_array($sql_payment_years)){
@@ -32,11 +34,9 @@ $sql_categories = mysqli_query($mysqli,"SELECT * FROM categories WHERE category_
 
       </select>
     </form>
-  </div>
-  <div class="card-body">
     <div class="table-responsive">
       <table class="table">
-        <thead>
+        <thead class="text-dark">
           <tr>
             <th>Category</th>
             <th class="text-right">January</th>