From 3b565781fe4fcc35148c016b6affc0de5c914a09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adri=C3=A1n?= <41774881+xentenza@users.noreply.github.com>
Date: Tue, 22 Aug 2023 14:27:51 +0200
Subject: [PATCH] List correction in Links Group

Transforming the <nav> into a list
---
 .../links-group/links-group-teaser.twig       | 16 ++++++---------
 .../molecules/links-group/links-group.scss    |  2 +-
 .../molecules/links-group/links-group.twig    | 20 ++++++++-----------
 3 files changed, 15 insertions(+), 23 deletions(-)

diff --git a/assets/components/molecules/links-group/links-group-teaser.twig b/assets/components/molecules/links-group/links-group-teaser.twig
index b16fe2d02..ecb5ca4cc 100644
--- a/assets/components/molecules/links-group/links-group-teaser.twig
+++ b/assets/components/molecules/links-group/links-group-teaser.twig
@@ -1,13 +1,9 @@
 <div class="links-group links-group-teaser">
   <h5 id="links-group-title"><a class="link-pretty" href="#">Vue d’ensemble de l’EPFL</a></h5>
-  <nav
-    class="nav flex-column flex-wrap align-items-start"
-    role="navigation"
-    aria-labelledby="links-group-title"
-  >
-    <a class="nav-link link-pretty" href="#">Chiffres clés</a>
-    <a class="nav-link link-pretty" href="#">3 missions de l’EPFL</a>
-    <a class="nav-link link-pretty" href="#">Organigrammes de la direction</a>
-    <a class="nav-link link-pretty" href="#">Réalisations importantes de l’EPFL</a>
-  </nav>
+  <ul class="list-unstyled">
+    <li><a class="link-pretty" href="#">Chiffres clés</a></li>
+    <li><a class="link-pretty" href="#">3 missions de l’EPFL</li>
+    <li><a class="link-pretty" href="#">Organigrammes de la direction</li>
+    <li><a class="link-pretty" href="#">Réalisations importantes de l’EPFL</li>
+  </ul>
 </div>
diff --git a/assets/components/molecules/links-group/links-group.scss b/assets/components/molecules/links-group/links-group.scss
index 5681b62d7..416d96575 100644
--- a/assets/components/molecules/links-group/links-group.scss
+++ b/assets/components/molecules/links-group/links-group.scss
@@ -5,7 +5,7 @@
   background: $white;
   border: 1px solid $gray-200;
 
-  .nav-link {
+  .nav-link, li {
     padding: 0;
     margin-bottom: 0.8rem;
   }
diff --git a/assets/components/molecules/links-group/links-group.twig b/assets/components/molecules/links-group/links-group.twig
index 4eda0cc50..7de452703 100644
--- a/assets/components/molecules/links-group/links-group.twig
+++ b/assets/components/molecules/links-group/links-group.twig
@@ -1,15 +1,11 @@
 <div class="links-group">
   <h5 id="links-group-title">Plus d'informations sur la faculté</h5>
-  <nav
-    class="nav flex-column flex-wrap align-items-start"
-    role="navigation"
-    aria-labelledby="links-group-title"
-  >
-    <a class="nav-link link-pretty" href="#">Tous les laboratoires de la faculté</a>
-    <a class="nav-link link-pretty" href="#">Liste des professeurs de la faculté</a>
-    <a class="nav-link link-pretty" href="#">Postes à pourvoir à l'ENAC</a>
-    <a class="nav-link link-pretty" href="#">Services internes</a>
-    <a class="nav-link link-pretty" href="#">L'organisation de la faculté</a>
-    <a class="nav-link link-pretty" href="#">Chaires de l'ENAC</a>
-  </nav>
+  <ul class="list-unstyled">
+    <li><a class="link-pretty" href="#">Tous les laboratoires de la faculté</a></li>
+    <li><a class="link-pretty" href="#">Liste des professeurs de la faculté</a></li>
+    <li><a class="link-pretty" href="#">Postes à pourvoir à l'ENAC</a></li>
+    <li><a class="link-pretty" href="#">Services internes</a></li>
+    <li><a class="link-pretty" href="#">L'organisation de la faculté</a></li>
+    <li><a class="link-pretty" href="#">Chaires de l'ENAC</a></li>
+  </ul>
 </div>