Display tweaks

web/admin.html

@@ -174,10 +174,10 @@
         }
 
         th, td {
-            padding: 0.8rem;
+            padding: 0.5rem;
             text-align: left;
             border-bottom: 1px solid #eee;
-            font-size: 0.9rem;
+            font-size: 1.4rem;
         }
 
         th {
@@ -528,10 +528,9 @@
                             <th>Registration</th>
                             <th>Type</th>
                             <th>From</th>
-                            <th>ETA Time</th>
+                            <th>ETA</th>
                             <th>POB</th>
                             <th>Fuel</th>
-                            <th>Status</th>
                             <th>Actions</th>
                         </tr>
                     </thead>
@@ -564,7 +563,7 @@
                             <th>Registration</th>
                             <th>Type</th>
                             <th>To</th>
-                            <th>ETD Time</th>
+                            <th>ETD</th>
                             <th>POB</th>
                             <th>Fuel</th>
                             <th>Landed</th>
@@ -754,6 +753,7 @@
         document.addEventListener('DOMContentLoaded', function() {
             initializeAuth();
             setupLoginForm();
+            setupKeyboardShortcuts();
         });
 
         // Authentication management
@@ -786,6 +786,28 @@
             });
         }
 
+        function setupKeyboardShortcuts() {
+            document.addEventListener('keydown', function(e) {
+                // Press 'Escape' to close PPR modal if it's open (allow even when typing in inputs)
+                if (e.key === 'Escape' && document.getElementById('pprModal').style.display === 'block') {
+                    e.preventDefault();
+                    closePPRModal();
+                    return;
+                }
+                
+                // Only trigger other shortcuts when not typing in input fields
+                if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.tagName === 'SELECT') {
+                    return;
+                }
+                
+                // Press 'n' to open new PPR modal
+                if (e.key === 'n' || e.key === 'N') {
+                    e.preventDefault();
+                    openNewPPRModal();
+                }
+            });
+        }
+
         function showLogin() {
             document.getElementById('loginModal').style.display = 'block';
             document.getElementById('login-username').focus();
@@ -1003,7 +1025,6 @@
                     <td>${formatTimeOnly(ppr.eta)}</td>
                     <td>${ppr.pob_in}</td>
                     <td>${ppr.fuel || '-'}</td>
-                    <td><span class="status ${ppr.status.toLowerCase()}">${ppr.status}</span></td>
                     <td>
                         <button class="btn btn-primary btn-sm" onclick="event.stopPropagation(); openPPRModal(${ppr.id})">
                             Edit