Improve styling

mskvortsov · Apr 10, 2024 · 6b84167 · 6b84167
1 parent 5d0cbda
commit 6b84167
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -13,10 +13,10 @@
     <body>
         <table class="main-table">
             <thead>
-                <tr>
-                    <td id="filter-cell">
+                <tr id="filter-row">
+                    <th id="filter-cell">
                         <input id="filter-expr-input" type="text"/>
-                    </td>
+                    </th>
                 </tr>
                 <tr id="thead-row"></tr>
             </thead>

diff --git a/meshmon.css b/meshmon.css
@@ -5,7 +5,7 @@ body {
     font-family: sans-serif;
 }
 
-.main-table table, th, td {
+.main-table table, td {
     white-space: nowrap;
     padding-left: 8px;
     padding-right: 8px;
@@ -43,10 +43,10 @@ body {
 .main-table tbody tr {
     text-align: right;
 }
-.main-table tbody tr:nth-child(odd) {
+
+.packet-header-row {
     background: #333333;
 }
-
 .decoded td {
     text-align: left;
     font-size: 80%;

diff --git a/meshmon.js b/meshmon.js
@@ -211,6 +211,7 @@ const dummyHeader = {
 
 function render(se) {
     var row = tbody.insertRow();
+    row.className = 'packet-header-row';
     fields.forEach((field) => {
         row.insertCell().innerHTML = se.header[field];
     });