diff --git a/admin.php b/admin.php index 7977082..7cda8cf 100644 --- a/admin.php +++ b/admin.php @@ -339,7 +339,7 @@ $files = $fileData['files']; diff --git a/css/style.css b/css/style.css index 389001f..3bc4ba8 100644 --- a/css/style.css +++ b/css/style.css @@ -450,10 +450,11 @@ footer { display: flex; justify-content: center; align-items: center; - gap: var(--spacing-sm); - margin-top: var(--spacing-lg); + gap: var(--spacing-xs); + margin: var(--spacing-lg) auto; padding-top: var(--spacing-md); border-top: 1px solid var(--color-border); + max-width: 100%; } .pagination-link { @@ -462,13 +463,15 @@ footer { justify-content: center; min-width: 2rem; height: 2rem; - padding: 0 var(--spacing-sm); + padding: 0 0.5rem; color: var(--color-text); text-decoration: none; background-color: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--border-radius); transition: all 0.2s ease; + white-space: nowrap; + font-size: 0.9rem; } .pagination-link:hover { @@ -483,7 +486,8 @@ footer { .pagination-ellipsis { color: var(--color-text-muted); - padding: 0 var(--spacing-xs); + padding: 0 0.25rem; + user-select: none; } /* Bouton de suppression */ @@ -553,6 +557,14 @@ footer { @media (max-width: 768px) { .pagination { flex-wrap: wrap; + gap: var(--spacing-xs); + } + + .pagination-link { + min-width: 2.25rem; + height: 2.25rem; + padding: 0 var(--spacing-sm); + font-size: 0.9rem; } .file-actions {