diff --git a/css/admin.css b/css/admin.css index 6b643a5..acc208e 100644 --- a/css/admin.css +++ b/css/admin.css @@ -226,33 +226,23 @@ input[type="checkbox"]:checked::after { content: '✓'; color: var(--background) .admin-table, .admin-table thead, .admin-table tbody, .admin-table th, .admin-table td, .admin-table tr { display: block; } .admin-table thead { display: none; } .admin-table tbody tr { - display: grid; - grid-template-columns: 60px 1fr 40px; /* Layout plus serré */ - grid-template-areas: - "poster title actions" - "poster info actions"; - gap: 0.5rem 1rem; - padding: 0.8rem; + display: grid; + grid-template-columns: 60px 1fr 40px; /* Layout ajusté */ + grid-template-areas: + "poster title actions" + "poster director actions" + "poster info actions"; + gap: 0.2rem 1rem; + padding: 0.8rem; } .admin-table td { border: none; padding: 0.3rem 0; text-align: left; } - .admin-table td:nth-child(1) { display: none; } /* On cache la checkbox sur mobile pour gagner de la place */ + .admin-table td:nth-child(1) { display: none; } /* Checkbox cachée sur mobile */ .admin-table td:nth-child(2) { grid-area: poster; } - .admin-table td:nth-child(3) { grid-area: title; font-size: 1rem; } - .admin-table td:nth-child(4)::before { content: '🎬 '; opacity: 0.7; } - .admin-table td:nth-child(5) { margin-top: 0.5rem; } - .admin-table td:nth-child(6) { - grid-area: info; - display: flex; - align-items: center; - gap: 5px; - } - - /* Actions */ - .admin-table td:nth-child(7) { - grid-area: actions; - flex-direction: column; - gap: 0.5rem; - } + .admin-table td:nth-child(3) { grid-area: title; font-size: 1rem; margin-bottom: 0; } + .admin-table td:nth-child(4) { display: none; } /* L'année est masquée pour aérer le design */ + .admin-table td:nth-child(5) { grid-area: director; margin-top: 0; font-size: 0.85rem; color: var(--muted); } + .admin-table td:nth-child(6) { grid-area: info; display: flex; align-items: center; gap: 5px; } + .admin-table td:nth-child(7) { grid-area: actions; flex-direction: column; gap: 0.5rem; justify-content: flex-start; } .tbl-actions { justify-content: flex-start; } } \ No newline at end of file