fix(association): sections menu

assets/sass/article.scss

@@ -7,13 +7,16 @@
     max-width: 100%;
 
     img {
-        object-fit: contain;
+        object-fit: fit;
         aspect-ratio: 1;
-        max-height: 60vh;
+        max-height: 50vh;
         max-width: 100%;
     }
 }
 
+.article {
+}
+
 // card in list
 .article-card {
     display: flex;

assets/sass/general.scss

@@ -216,7 +216,7 @@ figure {
     position: sticky;
     top: 7rem;
     background: white; 
-    border: 1px solid black;
+    border: 1px solid $background-secondary;
 
     ul {
         display: flex;
@@ -228,9 +228,33 @@ figure {
         height: 100%;
         li {
             width: 100%;
+            height: 100%;
             margin: 0;
-            padding: .5rem 1rem;
+            padding: 0;
             border: 1px solid $background-secondary;
+            display: flex;
+            align-items: center;
+
+            a {
+                color: black;
+                text-decoration: none;
+                width: 100%;
+                height: 100%;
+                padding: .5rem 1rem;
+
+                transition: 0.2s all;
+            }
+            a:hover {
+                background-color: rgba(0, 0, 0, 0.2);
+            }
+        }
+    }
+}
+
+@media (max-width: $md-breakpoint) {
+    .sticky-nav {
+        ul {
+            flex-direction: column;
         }
     }
 }