diff --git a/htdocs/theme/eldy/global.inc.php b/htdocs/theme/eldy/global.inc.php index 624277e8aec..db5820f7da2 100644 --- a/htdocs/theme/eldy/global.inc.php +++ b/htdocs/theme/eldy/global.inc.php @@ -3076,7 +3076,8 @@ ul.noborder li:nth-child(even):not(.liste_titre) { } .boxstats, .boxstats130 { display: inline-block; - margin: 8px; + margin-left: 8px; + margin-right: 8px; margin-top: 5px; margin-bottom: 5px; text-align: center; @@ -3093,7 +3094,7 @@ ul.noborder li:nth-child(even):not(.liste_titre) { text-overflow: ellipsis; } .boxstats130 { - width: 158px; + width: 100%; height: 59px; /* padding: 3px; */ } @@ -3130,8 +3131,6 @@ ul.noborder li:nth-child(even):not(.liste_titre) { { .boxstats, .boxstats130 { margin: 3px; - /*border: 1px solid #ccc; - box-shadow: none; */ } .boxstats130 { text-align: @@ -3143,15 +3142,14 @@ ul.noborder li:nth-child(even):not(.liste_titre) { .thumbstat150 { flex: 1 1 110px; margin-bottom: 8px; - width: 160px; + min-width: px; /* on screen < 320, we guaranty to have 2 columns */ + max-width: px; /* on screen < 320, we guaranty to have 2 columns */ + /* width: ...px; If I use with, there is trouble on size of flex boxes solved with min + (max that is a little bit higer than min) */ } .dashboardlineindicator { float: left; padding-left: 5px; } - .boxstats130 { - width: 148px; - } .boxstats { width: 111px; } diff --git a/htdocs/theme/md/style.css.php b/htdocs/theme/md/style.css.php index c9e56da0e63..2dfdf4e28a1 100644 --- a/htdocs/theme/md/style.css.php +++ b/htdocs/theme/md/style.css.php @@ -3361,7 +3361,7 @@ ul.noborder li:nth-child(even):not(.liste_titre) { } .boxstats130 { width: 135px; - height: 48px; + height: 54px; padding: 3px; } @media only screen and (max-width: 767px)