height node site /site

web/themes/custom/reha/dist/css/bundle.css

@@ -1330,30 +1330,25 @@ aside.layout-sidebar-second footer.view-footer :hover {
   display: none;
 }
 
-.view-actus .slick-arrow {
+.view-actus > .slick-arrow,
+.view-sites > .slick-arrow {
   background-image: radial-gradient(white, transparent);
   border-radius: 50%;
   padding: 0.8rem;
   width: 120px;
   height: auto;
+  top: 50%;
 }
-.view-actus .slick-arrow.slick-next {
+.view-actus > .slick-arrow.slick-next,
+.view-sites > .slick-arrow.slick-next {
   padding-right: 0rem;
+  right: 8%;
 }
-.view-actus .slick-arrow.slick-prev {
+.view-actus > .slick-arrow.slick-prev,
+.view-sites > .slick-arrow.slick-prev {
   padding-left: 0rem;
 }
 
-.view-sites > .slick-arrow,
-.view-actus > .slick-arrow {
-  top: 50%;
-}
-.view-sites > .slick-arrow.slick-next,
-.view-actus > .slick-arrow.slick-next {
-  right: 5%;
-  padding-right: 0rem;
-}
-
 .infos-content {
   position: relative;
   display: flex;
@@ -2711,7 +2706,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site {
   background-color: white;
   height: 520px;
-  width: 70%;
+  width: fit-content;
   display: flex;
   flex-direction: row;
   margin: auto;
@@ -2754,7 +2749,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site {
   background-color: rgb(255, 255, 255);
   width: 20vw;
-  height: 400px;
   order: 2;
   display: flex;
   flex-direction: column;

web/themes/custom/reha/scss/pages/_node-site.scss

@@ -59,7 +59,7 @@
                 .entete_site{  
                     background-color: white;
                     height: 520px;
-                    width: 70%;
+                    width: fit-content;
                     display: flex;
                     flex-direction: row;
                     margin: auto;
@@ -103,7 +103,7 @@
                     .infos-content-site{
                         background-color: $white-button;
                         width: 20vw;
-                        height: 400px;
+                        // height: 400px;
                         order: 2;
                         display: flex;
                         flex-direction: column;

web/themes/custom/reha/scss/partials/_slick_custom.scss

@@ -11,30 +11,35 @@ $slick-arrow-color: $yellow-puca !default;
     }
 }
 
-.view-actus .slick-arrow {
+.view-actus,
+.view-sites {
+    > .slick-arrow{
     // background-color: rgba(255, 255, 255, 0.8);
     background-image: radial-gradient(white, transparent);
     border-radius: 50%;
     padding: 0.8rem;
     width: 120px;
     height: auto;
-    &.slick-next {
-        padding-right: 0rem;
-    } 
-    &.slick-prev {
-        padding-left: 0rem;
-    } 
-}
-
-.view-sites,
-.view-actus {
-    > .slick-arrow{
-        top: 50%;
+    top: 50%;
         &.slick-next {
-            right: 5%;
             padding-right: 0rem;
+            right: 8%;
+        } 
+        &.slick-prev {
+            padding-left: 0rem;
         } 
     }
 }
 
+// .view-sites,
+// .view-actus {
+//     > .slick-arrow{
+//         top: 50%;
+//         &.slick-next {
+//             right: 8%;
+//             padding-right: 0rem;
+//         } 
+//     }
+// }
+