hotline#82404 : fix responsive display on loans overview page

VERSIONS_HOTLINE/82404

+ - ticket #82404 : Responsive : Affichage responsive de la liste des prêts dans le compte lecteur
\ No newline at end of file

public/opac/css/responsive.css

@@ -725,6 +725,46 @@
     #col_wrapper .colGauche .show_content .contenu {
         display: block !important;
     }
+
+    /*responsive tableaux compte lecteur*/
+
+    /*démentellement du tableau et centrage des textes*/
+    #borrower_loans tbody, table.reservations tbody, .tablesorter-default tbody {
+        display: grid;
+        text-align:center;
+    }
+
+    /* transformation des colonnes du tableau en lignes*/
+    #borrower_loans tbody tr, table.reservations tbody tr, .tablesorter-default tbody tr {
+        width: auto;
+        display: inline-grid;
+    }
+
+    /*centrer le nom de l'auteur dans liste réservation*/
+    table.reservations td:nth-child(5) {
+        text-align: center;
+    }
+
+    /*centrer les images dans les fiches de prêts et réservations*/
+    #borrower_loans tbody img, table.reservations tbody img, #borrower_loans tbody .nothumbnail_wrapper, table.reservations tbody .nothumbnail_wrapper {
+        width: 50% !important;
+        margin: 0 auto;
+    }
+
+    /* désactive la règle ci dessus sur l'image de désinscription*/
+    table.reservations tbody a img {
+        width:auto!important;
+    }
+
+    /*masquer les entêtes de tableaux*/
+    .tablesorter-headerRow {
+        display: none;
+    }
+
+    /*centrer nom de l'emprunteur et réservataire*/
+    table.loans td:first-child, table.reservations td:first-child {
+        width: auto;
+    }
 }