diff --git a/html/l2.html b/html/l2.html
index b739d0f..6134372 100644
--- a/html/l2.html
+++ b/html/l2.html
@@ -13,13 +13,13 @@
Shown: -
- Port
+ | Port
|
- MAC
+ | MAC
|
- VLAN
+ | VLAN
|
- Type
+ | Type
|
Remove Entry |
diff --git a/html/l2.js b/html/l2.js
index f68f837..20125dc 100644
--- a/html/l2.js
+++ b/html/l2.js
@@ -100,6 +100,10 @@ function renderL2() {
var x = l2Key(a, l2SortCol), y = l2Key(b, l2SortCol);
return (x < y ? -1 : x > y ? 1 : 0) * l2SortDir;
});
+ ['port', 'mac', 'vlan', 'type'].forEach(function(c) {
+ var a = document.getElementById('l2a_' + c);
+ if (a) a.textContent = (c === l2SortCol) ? (l2SortDir > 0 ? ' \u25b2' : ' \u25bc') : ' \u21c5';
+ });
paintL2(tbl, rows);
var cnt = document.getElementById('l2count');
if (cnt) cnt.textContent = rows.length + ' / ' + l2All.length;
diff --git a/html/style.css b/html/style.css
index 3533c6b..758800b 100644
--- a/html/style.css
+++ b/html/style.css
@@ -168,4 +168,5 @@ option { direction: rtl; font-family: sans-serif}
/* L2 table: sortable headers and per-column filters */
.l2sort{cursor:pointer;user-select:none}
.l2sort:hover{text-decoration:underline}
+.l2arrow{opacity:0.55;font-size:0.85em}
.l2filter{width:100%;box-sizing:border-box;font-weight:normal;font-size:0.9em}