From e97fccd03ac21076246678174aa8cea0b54aa2f3 Mon Sep 17 00:00:00 2001
From: Bernd Bestel <bernd@berrnd.de>
Date: Mon, 21 Dec 2020 16:29:39 +0100
Subject: [PATCH] Optimized shopping list header

---
 public/viewjs/shoppinglist.js | 5 +++++
 views/shoppinglist.blade.php  | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/viewjs/shoppinglist.js b/public/viewjs/shoppinglist.js
index 0bdbfd60..6b0c0583 100644
--- a/public/viewjs/shoppinglist.js
+++ b/public/viewjs/shoppinglist.js
@@ -545,3 +545,8 @@ $("img.barcode").each(function()
 
 	img.attr("src", dummyCanvas.toDataURL("image/png"));
 });
+
+if ($(window).width() < 768)
+{
+	$("#filter-container").removeClass("border-bottom");
+}
diff --git a/views/shoppinglist.blade.php b/views/shoppinglist.blade.php
index 9ede82c9..20c2106e 100644
--- a/views/shoppinglist.blade.php
+++ b/views/shoppinglist.blade.php
@@ -72,7 +72,8 @@
 				</a>
 			</div>
 		</div>
-		<div class="border-top border-bottom my-2 py-1">
+		<div id="filter-container"
+			class="border-top border-bottom my-2 py-1">
 			<div id="table-filter-row"
 				data-status-filter="belowminstockamount"
 				class="collapse d-md-inline-block normal-message status-filter-message responsive-button @if(!GROCY_FEATURE_FLAG_STOCK) d-none @endif"><span class="d-block d-md-none">{{count($missingProducts)}} <i class="fas fa-exclamation-circle"></i></span><span class="d-none d-md-block">{{ $__n(count($missingProducts), '%s product is below defined min. stock amount', '%s products are below defined min. stock amount') }}</span></div>