From a1d45023ab26ec3fb2a25890d53798271eba4b81 Mon Sep 17 00:00:00 2001
From: Jeremy Stretch <jstretch@digitalocean.com>
Date: Mon, 23 Jul 2018 15:50:44 -0400
Subject: [PATCH] Fixes #2256: Prevent navigation overlap when jumping to test
 results on report page

---
 netbox/project-static/css/base.css  |  7 +++++
 netbox/templates/extras/report.html | 44 ++++++++++++++++-------------
 2 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/netbox/project-static/css/base.css b/netbox/project-static/css/base.css
index bd1570827..e658589ac 100644
--- a/netbox/project-static/css/base.css
+++ b/netbox/project-static/css/base.css
@@ -378,6 +378,13 @@ table.reports td.stats label {
     margin-bottom: 0;
     min-width: 40px;
 }
+table.report th {
+    position: relative;
+}
+table.report th a {
+    position: absolute;
+    top: -51px;
+}
 
 /* AJAX loader */
 .loading {
diff --git a/netbox/templates/extras/report.html b/netbox/templates/extras/report.html
index 050d6e445..0e637abbc 100644
--- a/netbox/templates/extras/report.html
+++ b/netbox/templates/extras/report.html
@@ -36,7 +36,7 @@
         </div>
         <div class="col-md-9">
             {% if report.result %}
-                <table class="table table-hover">
+                <table class="table table-hover report">
                     <thead>
                         <tr>
                             <th>Time</th>
@@ -45,27 +45,31 @@
                             <th>Message</th>
                         </tr>
                     </thead>
-                    {% for method, data in report.result.data.items %}
-                        <tr>
-                            <th colspan="4"><a name="{{ method }}"></a>{{ method }}</th>
-                        </tr>
-                        {% for time, level, obj, url, message in data.log %}
-                            <tr class="{% if level == 'failure' %}danger{% elif level %}{{ level }}{% endif %}">
-                                <td>{{ time }}</td>
-                                <td>
-                                    <label class="label label-{% if level == 'failure' %}danger{% else %}{{ level }}{% endif %}">{{ level|title }}</label>
-                                </td>
-                                <td>
-                                    {% if obj and url %}
-                                        <a href="{{ url }}">{{ obj }}</a>
-                                    {% elif obj %}
-                                        {{ obj }}
-                                    {% endif %}
-                                </td>
-                                <td>{{ message }}</td>
+                    <tbody>
+                        {% for method, data in report.result.data.items %}
+                            <tr>
+                                <th colspan="4">
+                                    <a name="{{ method }}"></a>{{ method }}
+                                </th>
                             </tr>
+                            {% for time, level, obj, url, message in data.log %}
+                                <tr class="{% if level == 'failure' %}danger{% elif level %}{{ level }}{% endif %}">
+                                    <td>{{ time }}</td>
+                                    <td>
+                                        <label class="label label-{% if level == 'failure' %}danger{% else %}{{ level }}{% endif %}">{{ level|title }}</label>
+                                    </td>
+                                    <td>
+                                        {% if obj and url %}
+                                            <a href="{{ url }}">{{ obj }}</a>
+                                        {% elif obj %}
+                                            {{ obj }}
+                                        {% endif %}
+                                    </td>
+                                    <td>{{ message }}</td>
+                                </tr>
+                            {% endfor %}
                         {% endfor %}
-                    {% endfor %}
+                    </tbody>
                 </table>
             {% else %}
                 <div class="well">No results are available for this report. Please run the report first.</div>