bug #6583 Fix some CSS styles (kteterycz)

This PR was merged into the 4.x branch.

Discussion
----------

Fix some CSS styles

1. Fix invalid media queries
2. Fix checkbox in datagrid table header
3. Adjust breakpoint for pagination

Commits
-------

71bd6d4 Fix invalid media queries, adjust breakpoint for pagination and fix checkbox in datagrid table header

Author: javiereguiluz

assets/css/easyadmin-theme/base.css

@@ -757,7 +757,7 @@ a.user-menu-wrapper .user-details:hover {
     color: var(--pagination-color);
     padding: 15px 0;
 }
-@media (min-width: 992px) {
+@media (min-width: 768px) {
     .list-pagination {
         align-items: center;
         display: flex;
@@ -775,7 +775,7 @@ a.user-menu-wrapper .user-details:hover {
 
     margin-block-end: 0;
 }
-@media (max-inline-size: 992px) {
+@media (max-width: 992px) {
     .pager .pagination {
         margin-block-start: 15px;
     }
@@ -810,7 +810,7 @@ a.user-menu-wrapper .user-details:hover {
     border-color: var(--pagination-hover-border-color);
 }
 
-@media (max-inline-size: 768px) {
+@media (max-width: 768px) {
     .pager .page-item:not(.page-item-previous, .page-item-next, .page-item.active) {
         display: none;
     }

assets/css/easyadmin-theme/datagrids.css

@@ -8,7 +8,7 @@ table.datagrid {
   margin-block-end: 0;
   inline-size: 100%;
 }
-@media (max-inline-size: 767px) {
+@media (max-width: 767px) {
   table.datagrid:not(.datagrid-empty) tbody,
   table.datagrid:not(.datagrid-empty) tr,
   table.datagrid:not(.datagrid-empty) td { display: block; }
@@ -79,7 +79,7 @@ table.datagrid {
   box-shadow: inset 0 -2px 0 var(--table-cell-border-color);
   padding: 0;
 }
-.datagrid thead a, .datagrid thead > span {
+.datagrid thead a, .datagrid thead span:not(.icon) {
   color: var(--table-thead-color);
   display: block;
   font-weight: 500;
@@ -236,7 +236,7 @@ table.datagrid {
   position: relative;
   inset-block-start: 3px;
 }
-@media (max-inline-size: 992px) {
+@media (max-width: 992px) {
   .datagrid .field-country {
     text-align: left !important;
   }