use <th> instead of <tr class='key'>

Author: simonLeary42

webroot/admin/pi-mgmt.php

@@ -57,12 +57,12 @@
 
 <h5>Pending PI Requests</h5>
 <table class="searchable">
-    <tr class="key">
-        <td>Name</td>
-        <td>Unity ID</td>
-        <td>Mail</td>
-        <td>Requested On</td>
-        <td>Actions</td>
+    <tr>
+        <th>Name</th>
+        <th>Unity ID</th>
+        <th>Mail</th>
+        <th>Requested On</th>
+        <th>Actions</th>
     </tr>
 
     <?php
@@ -100,18 +100,18 @@
 <h5>List of PIs</h5>
 
 <table class="searchable longTable sortable filterable">
-    <tr class="key">
+    <tr>
         <input
             type="text"
             style="margin-right:5px;"
             placeholder="Filter by..."
             id="common-filter"
             class="filterSearch"
         >
-        <td id="name"><span class="filter">⫧ </span>Name</td>
-        <td id="unityID"><span class="filter">⫧ </span>Unity ID</td>
-        <td id="mail"><span class="filter">⫧ </span>Mail</td>
-        <td>Actions</td>
+        <th id="name"><span class="filter">⫧ </span>Name</th>
+        <th id="unityID"><span class="filter">⫧ </span>Unity ID</th>
+        <th id="mail"><span class="filter">⫧ </span>Mail</th>
+        <th>Actions</th>
     </tr>
 
     <?php

webroot/admin/user-mgmt.php

@@ -28,20 +28,20 @@
 <!-- <input type="text" id="tableSearch" placeholder="Search..."> -->
 
 <table class="searchable longTable sortable filterable">
-    <tr class="key">
+    <tr>
         <input
             type="text"
             style="margin-right:5px;"
             placeholder="Filter by..."
             id="common-filter"
             class="filterSearch"
         >
-        <td id="name"><span class="filter">⫧ </span>Name</td>
-        <td id="uid"><span class="filter">⫧ </span>UID</td>
-        <td id="org"><span class="filter">⫧ </span>Org</td>
-        <td id="mail"><span class="filter">⫧ </span>Mail</td>
-        <td id="groups"><span class="filter">⫧ </span>Groups</td>
-        <td>Actions</td>
+        <th id="name"><span class="filter">⫧ </span>Name</th>
+        <th id="uid"><span class="filter">⫧ </span>UID</th>
+        <th id="org"><span class="filter">⫧ </span>Org</th>
+        <th id="mail"><span class="filter">⫧ </span>Mail</th>
+        <th id="groups"><span class="filter">⫧ </span>Groups</th>
+        <th>Actions</th>
     </tr>
 
     <?php

webroot/css/tables.css

@@ -15,7 +15,8 @@ table.longTable tr:not(:last-child) {
 }
 
 table tr,
-table td {
+table td,
+table th {
   padding: 0 20px 0 4px;
   overflow: hidden;
   white-space: nowrap;
@@ -125,18 +126,8 @@ td:last-child > button {
   float: right;
 }
 
-tr.key {
+th {
   background: var(--light_panel_background);
   text-align: center;
   font-weight: bold;
 }
-
-tr.key > td:first-child {
-  border-top-left-radius: 10px;
-  border-bottom-left-radius: 10px;
-}
-
-tr.key > td:last-child {
-  border-top-right-radius: 10px;
-  border-bottom-right-radius: 10px;
-}