From 043983f74d722a6b026ba956c37bfdf112d54a10 Mon Sep 17 00:00:00 2001
From: Volha Mardvilka <mardvilka@google.com>
Date: Thu, 19 Dec 2024 12:38:40 +0000
Subject: [PATCH 1/2] 382100926: (feat) change styles for dns module table

---
 .../test/dns/resources/report_template.jinja2  | 16 ++++++++--------
 resources/report/test_report_styles.css        | 18 ++++++++++++++++++
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/modules/test/dns/resources/report_template.jinja2 b/modules/test/dns/resources/report_template.jinja2
index 2d4dd99b2..2a690f610 100644
--- a/modules/test/dns/resources/report_template.jinja2
+++ b/modules/test/dns/resources/report_template.jinja2
@@ -1,7 +1,7 @@
 {% extends base_template %}
 {% block content %}
 {% if module_data %}
-  <table class="module-data" style="width:100%;">
+  <table class="module-data dns-module" style="width:100%;">
     <thead>
       <tr>
         {% for header in module_data_headers %}
@@ -12,13 +12,13 @@
     <tbody>
       {% for row in module_data %}
         <tr>
-              <td>{{ row['src'] }}</td>
-              <td>{{ row['dst'] }}</td>
-              <td>{{ row['res_ip'] }}</td>
-              <td>{{ row['typ'] }}</td>
-              <td>{{ row['dat'] }}</td>
-              <td>{{ row['count'] }}</td>
-            </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>
+        </tr>
       {% endfor %}
     </tbody>
   </table>
diff --git a/resources/report/test_report_styles.css b/resources/report/test_report_styles.css
index b1ed9d33c..3971bd2eb 100644
--- a/resources/report/test_report_styles.css
+++ b/resources/report/test_report_styles.css
@@ -222,6 +222,24 @@
       word-break: break-word;
     }
 
+    .module-data.dns-module thead tr th,
+    .module-data.dns-module tbody tr td {
+      padding: 12px 16px;
+    }
+
+    .module-data.dns-module tbody tr td {
+      max-width: 1px;
+    }
+
+    .module-data.dns-module tbody tr td.count-row {
+      width: 1px;
+    }
+
+    .module-data.dns-module tbody tr td div {
+      word-wrap: break-word;
+      overflow-wrap: break-word;
+    }
+
     div.steps-to-resolve {
       background-color: #F8F9FA;
       margin-bottom: 30px;

From 7faa095f31372044ab5f10b68d36b8c32dd5a701 Mon Sep 17 00:00:00 2001
From: Aliaksandr Nikitsin <aliaksandrn@google.com>
Date: Thu, 19 Dec 2024 14:39:41 +0100
Subject: [PATCH 2/2] fix tag

---
 modules/test/dns/resources/report_template.jinja2 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/modules/test/dns/resources/report_template.jinja2 b/modules/test/dns/resources/report_template.jinja2
index 2a690f610..8e701a8e3 100644
--- a/modules/test/dns/resources/report_template.jinja2
+++ b/modules/test/dns/resources/report_template.jinja2
@@ -12,7 +12,7 @@
     <tbody>
       {% for row in module_data %}
         <tr>
-          <td><div>{{ row['src'] }}</div>></td>
+          <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>