From 8fc1805f6543db6f8cbb5a365193b59025d5bdc0 Mon Sep 17 00:00:00 2001
From: VESSILLER <lvessiller@open-dsi.fr>
Date: Mon, 6 Mar 2023 13:51:53 +0100
Subject: [PATCH] NEW adapt category and product pictures sizes on takepos

---
 htdocs/takepos/css/pos.css.php | 8 ++++++++
 htdocs/takepos/index.php       | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/htdocs/takepos/css/pos.css.php b/htdocs/takepos/css/pos.css.php
index 5a773fc3347..769c343f1fe 100644
--- a/htdocs/takepos/css/pos.css.php
+++ b/htdocs/takepos/css/pos.css.php
@@ -248,6 +248,9 @@ div.wrapper{
 	text-align: center;
 	box-sizing: border-box;
 	background-color:#fff;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 div.wrapper2{
@@ -262,10 +265,14 @@ div.wrapper2{
 	text-align: center;
 	box-sizing: border-box;
 	background-color:#fff;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 img.imgwrapper {
 	max-width: 100%;
+	max-height: 100%;
 }
 
 button:active{
@@ -927,6 +934,7 @@ div#moreinfo, div#infowarehouse {
 		display: inline-flex;
 		align-items: center;
 		padding: 10px;
+		justify-content: normal;
 	}
 
 	.div5 .wrapper2.divempty {
diff --git a/htdocs/takepos/index.php b/htdocs/takepos/index.php
index fb3049715cf..bbbf9e0cd33 100644
--- a/htdocs/takepos/index.php
+++ b/htdocs/takepos/index.php
@@ -1388,7 +1388,7 @@ if (!empty($conf->global->TAKEPOS_WEIGHING_SCALE)) {
 					echo '<span class="fa fa-chevron-right centerinmiddle" style="font-size: 5em; cursor: pointer;"></span>';
 				} else {
 					if (!getDolGlobalString('TAKEPOS_HIDE_CATEGORY_IMAGES')) {
-						echo '<img class="imgwrapper" height="100%" id="catimg'.$count.'" />';
+						echo '<img class="imgwrapper" id="catimg'.$count.'" />';
 					}
 				}
 				?>
@@ -1433,7 +1433,7 @@ if (!empty($conf->global->TAKEPOS_WEIGHING_SCALE)) {
 							echo '<button type="button" id="probutton'.$count.'" class="productbutton" style="display: none;"></button>';
 						} else {
 							print '<div class="" id="proprice'.$count.'"></div>';
-							print '<img class="imgwrapper" height="100%" title="" id="proimg'.$count.'">';
+							print '<img class="imgwrapper" title="" id="proimg'.$count.'">';
 						}
 					}
 					?>