Use the same color scheme from Dashboard on db_queries.php (#2517)

pi-hole · Feb 2, 2023 · 68212a8 · 68212a8
2 parents ef5dc34 + 3961a98
commit 68212a8
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/db_queries.php b/db_queries.php
@@ -84,21 +84,21 @@
         <!-- small box -->
         <div class="small-box bg-aqua no-user-select">
             <div class="inner">
-                <h3 class="statistic" id="queries_blocked_exact">---</h3>
-                <p>Queries Blocked</p>
+                <h3 class="statistic" id="dns_queries">---</h3>
+                <p>Total Queries</p>
             </div>
             <div class="icon">
-                <i class="fas fa-hand-paper"></i>
+                <i class="fas fa-globe-americas"></i>
             </div>
         </div>
     </div>
     <!-- ./col -->
     <div class="col-lg-3 col-xs-12">
         <!-- small box -->
-        <div class="small-box bg-aqua no-user-select">
+        <div class="small-box bg-red no-user-select">
             <div class="inner">
-                <h3 class="statistic" id="queries_wildcard_blocked">---</h3>
-                <p>Queries Blocked (Wildcards)</p>
+                <h3 class="statistic" id="queries_blocked_exact">---</h3>
+                <p>Queries Blocked</p>
             </div>
             <div class="icon">
                 <i class="fas fa-hand-paper"></i>
@@ -108,13 +108,13 @@
     <!-- ./col -->
     <div class="col-lg-3 col-xs-12">
         <!-- small box -->
-        <div class="small-box bg-green no-user-select">
+        <div class="small-box bg-red no-user-select">
             <div class="inner">
-                <h3 class="statistic" id="dns_queries">---</h3>
-                <p>Queries Total</p>
+                <h3 class="statistic" id="queries_wildcard_blocked">---</h3>
+                <p>Queries Blocked (Wildcards)</p>
             </div>
             <div class="icon">
-                <i class="fas fa-globe-americas"></i>
+                <i class="fas fa-hand-paper"></i>
             </div>
         </div>
     </div>
@@ -124,7 +124,7 @@
         <div class="small-box bg-yellow no-user-select">
             <div class="inner">
                 <h3 class="statistic" id="queries_percentage_today">---</h3>
-                <p>Queries Blocked</p>
+                <p>Percentage Blocked</p>
             </div>
             <div class="icon">
                 <i class="fas fa-chart-pie"></i>