diff --git a/frontend/css/style.css b/frontend/css/style.css index 253f171..99bafd3 100644 --- a/frontend/css/style.css +++ b/frontend/css/style.css @@ -546,18 +546,35 @@ html, body { } /* === Partage === */ +#ecran-partage { + justify-content: flex-start; + overflow: hidden; + padding: 0.8rem 0; +} + #ecran-partage h2 { - margin-top: 2rem; + margin-top: 0.5rem; + margin-bottom: 0; font-weight: 300; + flex-shrink: 0; } .photo-miniature { - margin: 1rem 0; - max-height: 30vh; + flex: 1; + min-height: 0; + width: 100%; + margin: 0.5rem 0; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; } .photo-miniature img { - max-height: 30vh; + max-width: 90%; + max-height: 100%; + width: auto; + height: auto; border-radius: var(--rayon); box-shadow: var(--ombre); } @@ -565,7 +582,8 @@ html, body { .grille-partage { display: flex; gap: 1.5rem; - margin: 1.5rem 0; + margin: 1rem 0; + flex-shrink: 0; } .btn-partage { diff --git a/frontend/index.html b/frontend/index.html index 2947f73..db2150d 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -7,7 +7,7 @@ - +