diff --git a/css/admin.css b/css/admin.css index fd5b1be..e3bd2c8 100644 --- a/css/admin.css +++ b/css/admin.css @@ -115,6 +115,9 @@ input[type="checkbox"]:checked::after { content: '✓'; color: var(--background) .admin-table { table-layout: fixed; /* Force les colonnes à respecter les largeurs du HTML */ } +.admin-table tbody td { + padding: 0.6rem 0.5rem; /* Réduit le padding pour compacter */ +} .thumb, .thumb-ph { width: 45px; @@ -145,14 +148,34 @@ input[type="checkbox"]:checked::after { content: '✓'; color: var(--background) .table-container { background: transparent; border: none; box-shadow: none; overflow-y: visible; max-height: none; } .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 { background: var(--surface-card); border: 1px solid var(--border); border-radius: 10px; margin-bottom: 1rem; padding: 1rem; position: relative; } + .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; + } .admin-table td { border: none; padding: 0.3rem 0; text-align: left; } - .admin-table td:nth-child(1) { position: absolute; top: 1rem; right: 1rem; } - .admin-table td:nth-child(2) { font-size: 1.1rem; color: var(--gold); padding-right: 2.5rem; margin-bottom: 0.5rem; } - .admin-table td:nth-child(3)::before { content: '🗓 '; opacity: 0.7; } + .admin-table td:nth-child(1) { display: none; } /* On cache la checkbox sur mobile pour gagner de la place */ + .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) { margin-top: 1rem; border-top: 1px dashed var(--border); padding-top: 1rem; text-align: left !important; } + .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; + } .tbl-actions { justify-content: flex-start; } } \ No newline at end of file