From 58833978de41febbbc4e89fe10ee648fd90a03a2 Mon Sep 17 00:00:00 2001
From: Aliaksandr Nikitsin <aliaksandrn@google.com>
Date: Fri, 10 Oct 2025 15:50:29 +0200
Subject: [PATCH 1/2] change dns module styles

---
 .../test/dns/resources/report_template.jinja2 | 12 +++++-----
 resources/report/test_report_styles.css       | 24 +++++++++++++------
 2 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/modules/test/dns/resources/report_template.jinja2 b/modules/test/dns/resources/report_template.jinja2
index 8e701a8e3..3a66f130d 100644
--- a/modules/test/dns/resources/report_template.jinja2
+++ b/modules/test/dns/resources/report_template.jinja2
@@ -12,12 +12,12 @@
     <tbody>
       {% for row in module_data %}
         <tr>
-          <td><div>{{ row['src'] }}</div></td>
-          <td><div>{{ row['dst'] }}</div></td>
-          <td><div>{{ row['res_ip'] }}</div></td>
-          <td><div>{{ row['typ'] }}</div></td>
-          <td><div>{{ row['dat'] }}</div></td>
-          <td class="count-row"><div>{{ row['count'] }}</div></td>
+          <td class='dns-ip'><div>{{ row['src'] }}</div></td>
+          <td class='dns-ip'><div>{{ row['dst'] }}</div></td>
+          <td class='dns-ip'><div>{{ row['res_ip'] }}</div></td>
+          <td class='dns-type'><div>{{ row['typ'] }}</div></td>
+          <td class='dns-url'><div>{{ row['dat'] }}</div></td>
+          <td class='dns-count'><div>{{ row['count'] }}</div></td>
         </tr>
       {% endfor %}
     </tbody>
diff --git a/resources/report/test_report_styles.css b/resources/report/test_report_styles.css
index 0a90803d1..e8f1e4ef1 100644
--- a/resources/report/test_report_styles.css
+++ b/resources/report/test_report_styles.css
@@ -231,20 +231,30 @@
 
     .module-data.dns-module thead tr th,
     .module-data.dns-module tbody tr td {
-      padding: 12px 16px;
+      padding: 12px 6px;
     }
 
-    .module-data.dns-module tbody tr td {
-      max-width: 1px;
+    .module-data.dns-module tbody tr td.dns-ip {
+      max-width: 130px;
     }
 
-    .module-data.dns-module tbody tr td.count-row {
-      width: 1px;
+    .module-data.dns-module tbody tr td.dns-type {
+      max-width: 70px;
+    }
+
+    .module-data.dns-module tbody tr td.dns-count {
+      width: 10px;
+    }
+
+    .module-data.dns-module tbody tr td.dns-count div {
+      text-align: center;
+    }
+    .module-data.dns-module tbody tr td.dns-url {
+      max-width: 285px;
     }
 
     .module-data.dns-module tbody tr td div {
-      word-wrap: break-word;
-      overflow-wrap: break-word;
+      word-break: break-all;
     }
 
     div.steps-to-resolve {

From 32ee9cf95b718f88a4b9e77e3ea38e75faea7380 Mon Sep 17 00:00:00 2001
From: Aliaksandr Nikitsin <aliaksandrn@google.com>
Date: Fri, 10 Oct 2025 17:56:50 +0200
Subject: [PATCH 2/2] unit tests

---
 .../unit/dns/reports/dns_report_local.html    | 96 +++++++++----------
 1 file changed, 48 insertions(+), 48 deletions(-)

diff --git a/testing/unit/dns/reports/dns_report_local.html b/testing/unit/dns/reports/dns_report_local.html
index 6d4d80a88..95e2f7080 100644
--- a/testing/unit/dns/reports/dns_report_local.html
+++ b/testing/unit/dns/reports/dns_report_local.html
@@ -48,68 +48,68 @@ <h4 class="page-heading">DNS Module</h4>
     </thead>
     <tbody>
         <tr>
-          <td><div>10.10.10.14</div></td>
-          <td><div>10.10.10.4</div></td>
-          <td><div>N/A</div></td>
-          <td><div>Query</div></td>
-          <td><div>mqtt.googleapis.com</div></td>
-          <td class="count-row"><div>64</div></td>
+          <td class='dns-ip'><div>10.10.10.14</div></td>
+          <td class='dns-ip'><div>10.10.10.4</div></td>
+          <td class='dns-ip'><div>N/A</div></td>
+          <td class='dns-type'><div>Query</div></td>
+          <td class='dns-url'><div>mqtt.googleapis.com</div></td>
+          <td class='dns-count'><div>64</div></td>
         </tr>
         <tr>
-          <td><div>10.10.10.4</div></td>
-          <td><div>10.10.10.14</div></td>
-          <td><div>173.194.195.206</div></td>
-          <td><div>Response</div></td>
-          <td><div>mqtt.googleapis.com</div></td>
-          <td class="count-row"><div>38</div></td>
+          <td class='dns-ip'><div>10.10.10.4</div></td>
+          <td class='dns-ip'><div>10.10.10.14</div></td>
+          <td class='dns-ip'><div>173.194.195.206</div></td>
+          <td class='dns-type'><div>Response</div></td>
+          <td class='dns-url'><div>mqtt.googleapis.com</div></td>
+          <td class='dns-count'><div>38</div></td>
         </tr>
         <tr>
-          <td><div>10.10.10.4</div></td>
-          <td><div>10.10.10.14</div></td>
-          <td><div>2607:f8b0:4001:c11::ce</div></td>
-          <td><div>Response</div></td>
-          <td><div>mqtt.googleapis.com</div></td>
-          <td class="count-row"><div>32</div></td>
+          <td class='dns-ip'><div>10.10.10.4</div></td>
+          <td class='dns-ip'><div>10.10.10.14</div></td>
+          <td class='dns-ip'><div>2607:f8b0:4001:c11::ce</div></td>
+          <td class='dns-type'><div>Response</div></td>
+          <td class='dns-url'><div>mqtt.googleapis.com</div></td>
+          <td class='dns-count'><div>32</div></td>
         </tr>
         <tr>
-          <td><div>10.10.10.14</div></td>
-          <td><div>10.10.10.4</div></td>
-          <td><div>N/A</div></td>
-          <td><div>Query</div></td>
-          <td><div>pool.ntp.org</div></td>
-          <td class="count-row"><div>7</div></td>
+          <td class='dns-ip'><div>10.10.10.14</div></td>
+          <td class='dns-ip'><div>10.10.10.4</div></td>
+          <td class='dns-ip'><div>N/A</div></td>
+          <td class='dns-type'><div>Query</div></td>
+          <td class='dns-url'><div>pool.ntp.org</div></td>
+          <td class='dns-count'><div>7</div></td>
         </tr>
         <tr>
-          <td><div>10.10.10.4</div></td>
-          <td><div>10.10.10.14</div></td>
-          <td><div>N/A</div></td>
-          <td><div>Response</div></td>
-          <td><div>pool.ntp.org</div></td>
-          <td class="count-row"><div>4</div></td>
+          <td class='dns-ip'><div>10.10.10.4</div></td>
+          <td class='dns-ip'><div>10.10.10.14</div></td>
+          <td class='dns-ip'><div>N/A</div></td>
+          <td class='dns-type'><div>Response</div></td>
+          <td class='dns-url'><div>pool.ntp.org</div></td>
+          <td class='dns-count'><div>4</div></td>
         </tr>
         <tr>
-          <td><div>10.10.10.4</div></td>
-          <td><div>10.10.10.14</div></td>
-          <td><div>5.78.89.3</div></td>
-          <td><div>Response</div></td>
-          <td><div>pool.ntp.org</div></td>
-          <td class="count-row"><div>2</div></td>
+          <td class='dns-ip'><div>10.10.10.4</div></td>
+          <td class='dns-ip'><div>10.10.10.14</div></td>
+          <td class='dns-ip'><div>5.78.89.3</div></td>
+          <td class='dns-type'><div>Response</div></td>
+          <td class='dns-url'><div>pool.ntp.org</div></td>
+          <td class='dns-count'><div>2</div></td>
         </tr>
         <tr>
-          <td><div>10.10.10.4</div></td>
-          <td><div>10.10.10.14</div></td>
-          <td><div>199.68.201.234</div></td>
-          <td><div>Response</div></td>
-          <td><div>pool.ntp.org</div></td>
-          <td class="count-row"><div>2</div></td>
+          <td class='dns-ip'><div>10.10.10.4</div></td>
+          <td class='dns-ip'><div>10.10.10.14</div></td>
+          <td class='dns-ip'><div>199.68.201.234</div></td>
+          <td class='dns-type'><div>Response</div></td>
+          <td class='dns-url'><div>pool.ntp.org</div></td>
+          <td class='dns-count'><div>2</div></td>
         </tr>
         <tr>
-          <td><div>10.10.10.4</div></td>
-          <td><div>10.10.10.14</div></td>
-          <td><div>2607:f8b0:4001:c08::ce</div></td>
-          <td><div>Response</div></td>
-          <td><div>mqtt.googleapis.com</div></td>
-          <td class="count-row"><div>6</div></td>
+          <td class='dns-ip'><div>10.10.10.4</div></td>
+          <td class='dns-ip'><div>10.10.10.14</div></td>
+          <td class='dns-ip'><div>2607:f8b0:4001:c08::ce</div></td>
+          <td class='dns-type'><div>Response</div></td>
+          <td class='dns-url'><div>mqtt.googleapis.com</div></td>
+          <td class='dns-count'><div>6</div></td>
         </tr>
     </tbody>
   </table>