edit: explication du panneau lien utiles

src/components/LinkPannel.vue

@@ -20,6 +20,7 @@
         </button>
       </div>
       <div class="windowContent" id="linkContent">
+        <p id="info">Par ici on poste pleins de truc qu'on trouve utiles, n'hésite pas à fouiller </p>
         <a id="linkItem" v-for="item of displayedLinks" :href="item.href" class="textBtnStyle">
           <p><strong>{{item.title}}</strong><br>{{item.desc}}</p>
         </a>
@@ -53,6 +54,20 @@
     height: 100%;
     overflow-y: scroll;
     overflow-x: hidden;
+
+          p#info{
+            padding-right: 7.77px;
+            padding-left: 7.77px;
+            font-family: 'velvelyne';
+            font-weight: normal;
+            font-size: 13.12px;
+            color: var(--main-color);
+            border-width:  0 0 1.61px 0;
+            border-style: solid;
+            border-color: var(--main-color);
+            padding-bottom: 7.77px;
+            margin-bottom: 0;
+          }
   }
 
   #linkItem{
@@ -67,12 +82,18 @@
     justify-content: flex-start;
     box-sizing: border-box;
 
-    strong{
-      text-transform: uppercase;
-      font-family: 'karrik';
-      font-weight: normal;
-      font-size: 16.1px;
-    }
+          strong{
+            text-transform: uppercase;
+            font-family: 'karrik';
+            font-weight: normal;
+            font-size: 16.1px;
+          }
+
+          p{
+            border-width: 0;
+            padding-bottom: 0;
+            margin-bottom: 7.77px;;
+          }
   }
 
   /*================ PC LARGE*/