From f53f2e8836bed48afb5d4e00de0dec52f05c2a16 Mon Sep 17 00:00:00 2001
From: Mcat12 <newtoncat12@yahoo.com>
Date: Mon, 30 Jan 2017 16:52:24 -0500
Subject: [PATCH] Move buttons out of the way on small screens

---
 list.php                   | 3 +--
 scripts/pi-hole/js/list.js | 9 +++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/list.php b/list.php
index 3f720e78..66bf7338 100644
--- a/list.php
+++ b/list.php
@@ -35,8 +35,7 @@ function getFullName() {
     <?php }else{ ?>
         <button id="btnAdd" class="btn btn-default" type="button">Add</button>
     <?php } ?>
-        <button id="btnRefresh" class="btn btn-default" type="button">Refresh</button>
-    }
+        <button id="btnRefresh" class="btn btn-default" type="button"><i class="fa fa-refresh"></i></button>
     </span>
 </div>
 <?php if($list === "white") { ?>
diff --git a/scripts/pi-hole/js/list.js b/scripts/pi-hole/js/list.js
index d0dc387d..c23b8267 100644
--- a/scripts/pi-hole/js/list.js
+++ b/scripts/pi-hole/js/list.js
@@ -201,3 +201,12 @@ $(function(){
         $(this).closest("." + $(this).attr("data-hide")).hide();
     });
 });
+
+$(document).ready(function () {
+    if (screen.width < 400) {
+        $(".input-group-btn").css("display", "initial");
+    }
+    else {
+        $(".input-group-btn").css("display", "table-cell");
+    }
+});