diff --git a/themes/42/assets/css/hero-page.css b/themes/42/assets/css/hero-page.css index b15ac2ab..daba7cc5 100644 --- a/themes/42/assets/css/hero-page.css +++ b/themes/42/assets/css/hero-page.css @@ -3,13 +3,6 @@ header#hero-page { gap: var(--gap-hero-page); flex-direction: column; - .sup-title { - text-align: center; - font-variant: small-caps; - text-shadow: var(--shadow-text); - color: var(--color-site-title); - } - h1 { text-align: center; font-size: 1.25em; @@ -21,6 +14,13 @@ header#hero-page { } } +.sup-title { + text-align: center; + font-variant: small-caps; + text-shadow: var(--shadow-text); + color: var(--color-site-title); +} + @media (min-width: 460px) { header#hero-page { h1 { diff --git a/themes/42/assets/css/pagination.css b/themes/42/assets/css/pagination.css index e55eddfd..ae11d749 100644 --- a/themes/42/assets/css/pagination.css +++ b/themes/42/assets/css/pagination.css @@ -19,15 +19,16 @@ ul { position: absolute; + top: 100%; + left: 50%; + transform: translateX(-50%); display: flex; flex-direction: column; gap: var(--gap-half); overflow: auto; max-height: 50vh; - min-width: 300px; - width: auto; - left: 50%; - margin-left: -150px; + width: max-content; + max-width: calc(100vw - (2 * var(--padding))); padding: var(--padding); list-style: none; border-radius: var(--radius-pagination); @@ -55,4 +56,4 @@ color: var(--color-text-muted); } } -} \ No newline at end of file +} diff --git a/themes/42/layouts/_partials/dossier-summary.html b/themes/42/layouts/_partials/dossier-summary.html index 1bfd3a93..14a1b17c 100644 --- a/themes/42/layouts/_partials/dossier-summary.html +++ b/themes/42/layouts/_partials/dossier-summary.html @@ -22,7 +22,7 @@ {{- end -}}