From c06491eb2f602d932bd6086f6ec5fd980e04398e Mon Sep 17 00:00:00 2001
From: Vincent Vandemeulebrouck <vincent.vandemeulebrouck@itiviti.com>
Date: Mon, 28 Nov 2022 10:05:30 +0100
Subject: [PATCH] Ne pas tronquer les images
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Corrections des tailles d'images pour éviter de tronquer
---
 styles/simple.css | 34 ++++++++++++++++------------------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/styles/simple.css b/styles/simple.css
index 348093dc..850a5317 100644
--- a/styles/simple.css
+++ b/styles/simple.css
@@ -336,8 +336,8 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 48px;
   flex: 0 0 48px;
-  height: 48px;
-  width: 48px;
+  max-height: 48px;
+  max-width: 48px;
   border: 0;
   margin-right: 0.5rem;
   object-fit: cover;
@@ -354,22 +354,20 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) {
 }
 .button-img {
   vertical-align: baseline;
-  width: 32px;
-  height: 32px;
-  max-height: 36px;
+  max-width: 32px;
+  max-height: 32px;
   border-width: 0;
   border: 1px solid rgba(0, 0, 0, 0);
 }
 .button-effect-img {
   vertical-align: baseline;
-  width: 16px;
+  max-width: 16px;
   max-height: 16px;
-  height: 16;
   border-width: 0;
 }
 .small-button-direction {
-  height: 32px;
-  width: 32px;
+  max-height: 32px;
+  max-width: 32px;
   border: 0;
   vertical-align: bottom;
 }
@@ -381,8 +379,8 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) {
 }
 
 .small-button-container {
-  height: 16px;
-  width: 16px;
+  max-height: 16px;
+  max-width: 16px;
   border: 0;
   vertical-align: bottom;
 }
@@ -535,7 +533,7 @@ input:is(.blessure-premiers_soins, .blessure-soins_complets) {
   opacity: 0.7  ;
 }
 
-.rdddialog .dialog-roll-sort s{
+.rdddialog .dialog-roll-sort {
   width: 600px;
   height: 430px;
   z-index: 9999;
@@ -653,7 +651,7 @@ form.rdddialogchrono input[type=datetime-local] {
 section.sheet-body{padding: 0.25rem 0.5rem;}
 
 .sheet header.sheet-header .profile-img {
-  object-fit: cover;
+  object-fit: scale-down;
   object-position: 50% 0;
   margin: 0.5rem 0 0.5rem  0.5rem;
   padding: 0;
@@ -662,7 +660,7 @@ section.sheet-body{padding: 0.25rem 0.5rem;}
   flex: 3;
 }
 .sheet header.sheet-header img.button-img{
-  height: 48px;
+  max-height: 48px;
   padding: 1px;
   margin: 1px;
 }
@@ -932,8 +930,8 @@ ul, li {
 }
 
 .sheet-competence-img {
-  width: 24px;
-  height: 24px;
+  max-width: 24px;
+  max-height: 24px;
   flex-grow: 0;
   margin-right: 0.2rem;
   vertical-align: bottom;
@@ -1198,8 +1196,8 @@ ul, li {
   border: 0;
   padding: 2px 6px 2px 2px;
   float: left;
-  width: 64px;
-  height: 64px;
+  max-width: 64px;
+  max-height: 64px;
 }
 
 #sidebar-tabs {