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 {