From c1dea5c254506ecc07ceff0b736fd97cc93f6039 Mon Sep 17 00:00:00 2001
From: Bernd Bestel <bernd@berrnd.de>
Date: Sun, 4 Dec 2022 19:52:48 +0100
Subject: [PATCH] Optimized /quantityunitconversionsresolved view

---
 views/productform.blade.php                   |  1 -
 .../quantityunitconversionsresolved.blade.php | 28 ++++++++++++-------
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/views/productform.blade.php b/views/productform.blade.php
index 27d90ec0..013f8fcf 100644
--- a/views/productform.blade.php
+++ b/views/productform.blade.php
@@ -724,7 +724,6 @@
 						<a class="btn btn-outline-primary btn-sm m-1 mt-md-0 mb-md-0 float-right show-as-dialog-link"
 							href="{{ $U('/quantityunitconversionsresolved?embedded&product=' . $product->id ) }}"
 							data-toggle="tooltip"
-							data-trigger="hover click"
 							title="{{ $__t('This shows all to this product directly or indirectly related quantity units and their derived conversion factors') }}">
 							{{ $__t('Show resolved conversions') }}
 						</a>
diff --git a/views/quantityunitconversionsresolved.blade.php b/views/quantityunitconversionsresolved.blade.php
index 863b363e..e1bf188e 100644
--- a/views/quantityunitconversionsresolved.blade.php
+++ b/views/quantityunitconversionsresolved.blade.php
@@ -8,21 +8,29 @@
 <div class="row">
 	<div class="col">
 		<div class="title-related-links">
-			<h2 class="title">@yield('title')</h2>
-			@if($product != null)
-			<h2>
-				<span class="text-muted small">{{ $__t('Product') }} <strong>{{ $product->name }}</strong></span>
+			<h2 class="title">
+				@yield('title')
+				@if($product != null)
+				<span class="text-muted font-italic small">{{ $__t('Product') }} <strong>{{ $product->name }}</strong></span>
+				@endif
 			</h2>
-			@endif
+			<div class="float-right">
+				<button class="btn btn-outline-dark d-md-none mt-2"
+					type="button"
+					data-toggle="collapse"
+					data-target="#table-filter-row">
+					<i class="fa-solid fa-filter"></i>
+				</button>
+			</div>
 		</div>
 	</div>
 </div>
 
 <hr class="my-2">
 
-<div class="row d-md-flex"
+<div class="row collapse d-md-flex"
 	id="table-filter-row">
-	<div class="col-6">
+	<div class="col-12 col-md-6 col-xl-2">
 		<div class="input-group">
 			<div class="input-group-prepend">
 				<span class="input-group-text"><i class="fa-solid fa-search"></i></span>
@@ -33,7 +41,7 @@
 				placeholder="{{ $__t('Search') }}">
 		</div>
 	</div>
-	<div class="col-5">
+	<div class="col-12 col-md-6 col-xl-2">
 		<div class="input-group">
 			<div class="input-group-prepend">
 				<span class="input-group-text"><i class="fa-solid fa-filter"></i>&nbsp;{{ $__t('Quantity unit') }}</span>
@@ -47,8 +55,8 @@
 			</select>
 		</div>
 	</div>
-	<div class="col-1">
-		<div class="float-right">
+	<div class="col">
+		<div class="float-right mt-1">
 			<button id="clear-filter-button"
 				class="btn btn-sm btn-outline-info"
 				data-toggle="tooltip"