From 8d7a1d2f59808beac715f2d3f0ef6f4c5ff1bbbb Mon Sep 17 00:00:00 2001
From: Mark Veidemanis <m@zm.is>
Date: Wed, 3 Aug 2022 07:20:30 +0100
Subject: [PATCH] Move info panel to the top

---
 core/templates/ui/drilldown/results.html | 46 +++++++++++++-----------
 1 file changed, 25 insertions(+), 21 deletions(-)

diff --git a/core/templates/ui/drilldown/results.html b/core/templates/ui/drilldown/results.html
index 1dd5fc3..302e90c 100644
--- a/core/templates/ui/drilldown/results.html
+++ b/core/templates/ui/drilldown/results.html
@@ -4,6 +4,31 @@
 {% if results %}
   <div style="display: none" id="jsonData" data-json="{{ data }}">
   </div>
+
+  <div class="has-text-grey-light level">
+    <div class="level-left">
+      <div class="level-item">
+        <i class="fa-solid fa-chart-mixed"></i>
+      </div>
+      <div class="level-item">
+        <p>{{ card }} hits</p>
+      </div>
+      {% if redacted != 0 %}
+      <div class="level-item">
+          <p>{{ redacted }} redacted</p>
+       </div>
+      {% endif %}
+
+      {% if exemption is not None %}
+      <div class="level-item">
+          <p>god mode</p>
+      </div>
+      {% endif %}
+      <div class="level-item">
+        <p>{{ took }}ms</p>
+      </div>
+    </div>
+  </div>
   <div class="box">
     <div style="height: 30rem">
       <canvas id="volume"></canvas>
@@ -144,25 +169,4 @@
       </table>
     </div>
   </div>
-  <div class="box">
-    <div class="columns">
-      <div class="column">
-        <p>{{ card }} hits</p>
-      </div>
-      {% if redacted != 0 %}
-        <div class="column">
-          <p>{{ redacted }} redacted</p>
-        </div>
-      {% endif %}
-
-      {% if exemption is not None %}
-        <div class="column">
-          <p>god mode</p>
-        </div>
-      {% endif %}
-      <div class="column">
-        <p>{{ took }}ms</p>
-      </div>
-    </div>
-  </div>
 {% endif %}
\ No newline at end of file