From 4e06783cb262f29a9eacf4f1a4353a2e1c1c063a Mon Sep 17 00:00:00 2001
From: TheME <andreas_fl@outlook.com>
Date: Tue, 6 Jun 2017 18:37:30 +0200
Subject: [PATCH] Update list.js

---
 scripts/pi-hole/js/list.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/scripts/pi-hole/js/list.js b/scripts/pi-hole/js/list.js
index 00a0b2ef..910709ee 100644
--- a/scripts/pi-hole/js/list.js
+++ b/scripts/pi-hole/js/list.js
@@ -208,11 +208,19 @@ $(function(){
     });
 });
 
-$(document).ready(function () {
-    if (screen.width < 576) {
-        $(".input-group-btn").css("display", "initial");
+// Wrap form-group's buttons to next line when viewed on a small screen
+$(window).on('resize',function() {
+    if ($(window).width() < 991) {
+        $(".form-group.input-group").removeClass("input-group").addClass("input-group-block");
+        $(".form-group.input-group-block > input").css("margin-bottom", "5px");
+        $(".input-group-btn").removeClass("input-group-btn").addClass("input-group-btn-block btn-group");
     }
     else {
-        $(".input-group-btn").css("display", "table-cell");
+        $(".form-group.input-group-block").removeClass("input-group-block").addClass( "input-group" );
+        $(".form-group.input-group > input").css("margin-bottom","");
+        $(".input-group-btn-block").removeClass("input-group-btn-block btn-group").addClass("input-group-btn");
     }
 });
+$(document).ready(function() {
+    $(window).trigger('resize');
+});