From bb406f66bed31897f945809fe35b8229211e90e0 Mon Sep 17 00:00:00 2001
From: Laurent Destailleur <eldy@destailleur.fr>
Date: Thu, 8 Dec 2022 11:43:35 +0100
Subject: [PATCH] Fix css for kanban view

---
 htdocs/core/class/commonobject.class.php |  2 +-
 htdocs/theme/eldy/global.inc.php         |  3 +++
 htdocs/theme/eldy/info-box.inc.php       | 11 ++++++-----
 htdocs/theme/md/info-box.inc.php         |  4 ++--
 htdocs/theme/md/style.css.php            |  2 ++
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/htdocs/core/class/commonobject.class.php b/htdocs/core/class/commonobject.class.php
index c4e6f926a2e..94be3e3892c 100644
--- a/htdocs/core/class/commonobject.class.php
+++ b/htdocs/core/class/commonobject.class.php
@@ -770,7 +770,7 @@ abstract class CommonObject
 	}
 
 	/**
-	 *	Return a thumb for kanban views
+	 *	Return clicable link of object (with eventually picto)
 	 *
 	 *	@param      string	    $option                 Where point the link (0=> main card, 1,2 => shipment, 'nolink'=>No link)
 	 *  @return		string								HTML Code for Kanban thumb.
diff --git a/htdocs/theme/eldy/global.inc.php b/htdocs/theme/eldy/global.inc.php
index ce4c6760aab..193bc2c6e1e 100644
--- a/htdocs/theme/eldy/global.inc.php
+++ b/htdocs/theme/eldy/global.inc.php
@@ -2428,6 +2428,9 @@ img.photoref, div.photoref {
 }
 img.photokanban, div.photokanban {
 	padding: 0;
+	border: none;
+	box-shadow: none;
+	vertical-align: middle;
 }
 div.photoref .fa, div.photoref .fas, div.photoref .far {
 	font-size: 2.5em;
diff --git a/htdocs/theme/eldy/info-box.inc.php b/htdocs/theme/eldy/info-box.inc.php
index b860e69abba..29db8cf0769 100644
--- a/htdocs/theme/eldy/info-box.inc.php
+++ b/htdocs/theme/eldy/info-box.inc.php
@@ -96,7 +96,7 @@ if (!defined('ISLOADEDBYSTEELSHEET')) {
 	padding-bottom: 5px;
 }
 .info-box-sm .info-box-icon {
-	height: 80px;
+	height: 96px;		/* must match height of info-box-sm .info-box-content */
 	width: 78px;
 	font-size: 25px;
 	line-height: 92px;
@@ -112,7 +112,7 @@ if (!defined('ISLOADEDBYSTEELSHEET')) {
 	height: 98px;
 }
 .info-box-icon > img {
-	max-width: 100%;
+	max-width: 85%;
 }
 .info-box-module .info-box-icon > img {
 	max-width: 60%;
@@ -179,11 +179,11 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 }
 <?php } ?>
 
-.info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version{
+.info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version {
 	overflow: hidden;
 	width: 80px;
 }
-.info-box:hover .info-box-icon-text{
+.info-box:hover .info-box-icon-text {
 	opacity: 1;
 }
 
@@ -191,8 +191,9 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 	padding: 5px 10px;
 	margin-left: 84px;
 }
-.info-box-sm .info-box-content{
+.info-box-sm .info-box-content {
 	margin-left: 80px;
+	height: 86px;   /* 96 - margins of .info-box-sm .info-box-content */
 }
 .info-box-sm .info-box-module-enabled {
 	/* background: linear-gradient(0.35turn, #fff, #fff, #f6faf8, #e4efe8) */
diff --git a/htdocs/theme/md/info-box.inc.php b/htdocs/theme/md/info-box.inc.php
index c48a9d537a8..ba96575239f 100644
--- a/htdocs/theme/md/info-box.inc.php
+++ b/htdocs/theme/md/info-box.inc.php
@@ -208,7 +208,7 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 }
 
 .info-box-sm .info-box-icon {
-	height: 80px;
+	height: 96px;
 	width: 80px;
 	font-size: 25px;
 	line-height: 92px;
@@ -223,7 +223,7 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 	height: 98px;
 }
 .info-box-icon > img {
-	max-width: 100%;
+	max-width: 85%;
 }
 .info-box-module .info-box-icon > img {
 	max-width: 55%;
diff --git a/htdocs/theme/md/style.css.php b/htdocs/theme/md/style.css.php
index 71c45545961..08c6cfa8959 100644
--- a/htdocs/theme/md/style.css.php
+++ b/htdocs/theme/md/style.css.php
@@ -2459,6 +2459,8 @@ img.photoref, div.photoref {
 img.photokanban, div.photokanban {
 	padding: 0;
 	border: none;
+	box-shadow: none;
+	vertical-align: middle;
 }
 
 div.photoref .fa, div.photoref .fas, div.photoref .far {