diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index c0c5038..d3f4fe3 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -3501,10 +3501,22 @@ body { .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div { display: flex; flex-direction: row; + margin-bottom: 1rem; +} +@media (max-width: 810px) { + .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div { + justify-content: center; + margin: auto; + margin-bottom: 1rem; + width: fit-content; + } } @media (max-width: 500px) { .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div { justify-content: center; + margin: auto; + margin-bottom: 1rem; + width: fit-content; } } .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site { @@ -3550,8 +3562,8 @@ body { @media (max-width: 810px) { .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site, .node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file { - max-width: 50%; margin: auto; + margin-bottom: 1rem; } } .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a, @@ -3575,7 +3587,6 @@ body { content: url("../img/noun-arrow-to-right.svg"); padding-right: 0.2rem; padding-left: 0.2rem; - padding-bottom: 0.2rem; } .node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf { width: fit-content; diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg index 65459fc..a1bb0f8 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg +++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg @@ -97,17 +97,17 @@ id="path300" d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6" style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" - transform="matrix(0.72647042,0,0,-0.72647042,1864.7965,4672.0583)" + transform="matrix(0.72647042,0,0,-0.72647042,1908.7965,4672.0583)" clip-path="url(#clipPath301)" /> diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss index 2e1cd8f..40e4092 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss @@ -340,8 +340,18 @@ div{ display: flex; flex-direction: row; + margin-bottom: 1rem; + @media(max-width: 810px){ + justify-content: center; + margin: auto; + margin-bottom: 1rem; + width: fit-content; + } @media(max-width: 500px){ justify-content: center; + margin: auto; + margin-bottom: 1rem; + width: fit-content; } .prev-site{ @@ -392,8 +402,9 @@ @media (max-width:810px) { // margin-left: 0; - max-width: 50%; + // max-width: 50%; margin: auto; + margin-bottom: 1rem; } a{ @@ -406,6 +417,7 @@ font-size: 0.6rem; margin-bottom: 0.3rem; + svg{ display: none; } @@ -414,7 +426,7 @@ content: url("../img/noun-arrow-to-right.svg"); padding-right: 0.2rem; padding-left: 0.2rem; - padding-bottom: 0.2rem; + // padding-bottom: 0.2rem; }