treewide: transition div tables to actual table markup

Modern browsers allow decomposing table markup equally well as nested div
constructs, therefor migrate our <div> table markup to actual <table> tags
but keep the old table/tr/th/td CSS classes for now to allow for a smooth
theme transition.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

1 files changed, 16 insertions, 16 deletions

diff --git a/applications/luci-app-adblock/htdocs/luci-static/resources/view/adblock/dnsreport.js b/applications/luci-app-adblock/htdocs/luci-static/resources/view/adblock/dnsreport.js
index 3f3d233e20..026797f35a 100644
--- a/applications/luci-app-adblock/htdocs/luci-static/resources/view/adblock/dnsreport.js
+++ b/applications/luci-app-adblock/htdocs/luci-static/resources/view/adblock/dnsreport.js
@@ -200,14 +200,14 @@ return view.extend({
 		content = JSON.parse(dnsreport);
 
 		var rows_top = [];
-		var tbl_top  = E('div', { 'class': 'table', 'id': 'top_10' }, [
-			E('div', { 'class': 'tr table-titles' }, [
-				E('div', { 'class': 'th right' }, _('Count')),
-				E('div', { 'class': 'th' }, _('Name / IP Address')),
-				E('div', { 'class': 'th right' }, _('Count')),
-				E('div', { 'class': 'th' }, _('Domain')),
-				E('div', { 'class': 'th right' }, _('Count')),
-				E('div', { 'class': 'th' }, _('Blocked Domain'))
+		var tbl_top  = E('table', { 'class': 'table', 'id': 'top_10' }, [
+			E('tr', { 'class': 'tr table-titles' }, [
+				E('th', { 'class': 'th right' }, _('Count')),
+				E('th', { 'class': 'th' }, _('Name / IP Address')),
+				E('th', { 'class': 'th right' }, _('Count')),
+				E('th', { 'class': 'th' }, _('Domain')),
+				E('th', { 'class': 'th right' }, _('Count')),
+				E('th', { 'class': 'th' }, _('Blocked Domain'))
 			])
 		]);
 
@@ -247,14 +247,14 @@ return view.extend({
 		cbi_update_table(tbl_top, rows_top);
 
 		var rows_requests = [];
-		var tbl_requests  = E('div', { 'class': 'table', 'id': 'requests' }, [
-			E('div', { 'class': 'tr table-titles' }, [
-				E('div', { 'class': 'th' }, _('Date')),
-				E('div', { 'class': 'th' }, _('Time')),
-				E('div', { 'class': 'th' }, _('Client')),
-				E('div', { 'class': 'th' }, _('Domain')),
-				E('div', { 'class': 'th' }, _('Answer')),
-				E('div', { 'class': 'th' }, _('Action'))
+		var tbl_requests  = E('table', { 'class': 'table', 'id': 'requests' }, [
+			E('tr', { 'class': 'tr table-titles' }, [
+				E('th', { 'class': 'th' }, _('Date')),
+				E('th', { 'class': 'th' }, _('Time')),
+				E('th', { 'class': 'th' }, _('Client')),
+				E('th', { 'class': 'th' }, _('Domain')),
+				E('th', { 'class': 'th' }, _('Answer')),
+				E('th', { 'class': 'th' }, _('Action'))
 			])
 		]);