Move info panel to the top

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 %}