display liens page site

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -3622,7 +3622,7 @@ body {
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   margin-bottom: 1rem;
 }
 @media (max-width: 810px) {
@@ -3656,6 +3656,9 @@ body {
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .next-site::before {
   content: url("../img/next.svg");
 }
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third .prevnext {
+  flex-direction: row;
+}
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper {
   display: flex;
   flex-direction: column !important;

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss

@@ -339,7 +339,7 @@
                 }
                 div{
                     display: flex;
-                    flex-direction: row;
+                    flex-direction: column;
                     margin-bottom: 1rem;
                     @media(max-width: 810px){
                         justify-content: center;
@@ -353,7 +353,6 @@
                         margin-bottom: 1rem;
                         width: fit-content;
                     }
-
                     .prev-site{
                         padding-right: 0.5rem;
                         &::before{
@@ -373,6 +372,10 @@
                     }
     
                 }
+                .prevnext{
+                    flex-direction: row;
+                }
+
             }
             .documents-liens-wrapper{
                 display: flex;

web/themes/custom/quartiers_de_demain/templates/block--prevnextsite-block.html.twig

@@ -0,0 +1,40 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - in_preview: Whether the plugin is being rendered in preview mode.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="prevnext"{{ attributes }}>
+  {{ title_prefix }}
+  {% if label %}
+    <h2{{ title_attributes }}>{{ label }}</h2>
+  {% endif %}
+  {{ title_suffix }}
+  {% block content %}
+    {{ content }}
+  {% endblock %}
+</div>