382100926: (feat) change styles for dns module table

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>

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;