From 8ac61c4d7f7dab38c0a7e15e81e530f1fa9b002b Mon Sep 17 00:00:00 2001
From: Derek <KrunchMuffin@users.noreply.github.com>
Date: Sat, 27 Oct 2018 12:16:30 -0400
Subject: [PATCH] Update dashboard for better fit of small boxes

On the raspberrypi official touchscreen (and other screens that fit "small" and "medium"), the small boxes take up the 12 columns which forces to scroll and is generally ineffective as a quick glance dashboard. I have updated to col-sm-6 so there are 2 boxes on 2 rows so now you can see all those stats plus the queries last 24 without having to scroll. the col-xs-12 is not necessary as it will default to that.

Signed-off-by: Derek Bowes <db@bowesmail.com>
---
 index.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.php b/index.php
index 33d08c5e..08db4749 100644
--- a/index.php
+++ b/index.php
@@ -11,7 +11,7 @@
 ?>
 <!-- Small boxes (Stat box) -->
 <div class="row">
-    <div class="col-lg-3 col-xs-12">
+    <div class="col-lg-3 col-sm-6">
         <!-- small box -->
         <div class="small-box bg-green" id="total_queries" title="only A + AAAA queries">
             <div class="inner">
@@ -24,7 +24,7 @@
         </div>
     </div>
     <!-- ./col -->
-    <div class="col-lg-3 col-xs-12">
+    <div class="col-lg-3 col-sm-6">
         <!-- small box -->
         <div class="small-box bg-aqua">
             <div class="inner">
@@ -37,7 +37,7 @@
         </div>
     </div>
     <!-- ./col -->
-    <div class="col-lg-3 col-xs-12">
+    <div class="col-lg-3 col-sm-6">
         <!-- small box -->
         <div class="small-box bg-yellow">
             <div class="inner">
@@ -50,7 +50,7 @@
         </div>
     </div>
     <!-- ./col -->
-    <div class="col-lg-3 col-xs-12">
+    <div class="col-lg-3 col-sm-6">
         <!-- small box -->
         <div class="small-box bg-red" title="<?php echo gravity_last_update(); ?>">
             <div class="inner">