prev next

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

@@ -13,16 +13,32 @@
         margin: auto;
         display: grid;
         grid-template-columns: repeat(8, 1fr);
-        grid-template-rows: 0.5fr repeat(5, 2fr);
+        grid-template-rows: 0.5fr 0.5fr repeat(5, 2fr);
        
         #block-reha-prevnextblock{
             display: flex;
             flex-direction: row;
-            grid-column: 5 /span 7;
-            grid-row: 1;   
+            grid-column: 4 /span 6;
+            grid-row: 2;   
             z-index: 97;  
             height: fit-content;
-            align-self: end;
+            // align-self: end;
+            justify-content: space-evenly;
+            .next-site{
+                ::after{
+                    content: url('../../dist/images/noun-arrow-1569918-black.svg');
+                    padding-left: 0.5rem;
+                    padding-top: 0.1rem;                    
+                }
+            }
+            .prev-site{
+                ::before{
+                    content: url('../../dist/images/noun-arrow-1569918-black.svg');
+                    display: inline-block;
+                    transform: rotate(180deg);
+                    padding-left: 0.5rem;
+                }
+            }
         }
 
         #block-reha-titredepage{
@@ -37,7 +53,7 @@
                 flex-direction: column;
                 .image-site{
                     order: 2;
-                    top: -150px;
+                    top: -115px;
                     position: relative;
                     .field--name-field-image{
                         width: 100%;
@@ -99,7 +115,7 @@
                         order: 3;
                         font-size: 1.2rem;
                         line-height: 1.3rem;
-                    
+
                         .address{
                             margin: 0;
                             display: inline-flex;