Merge branch 'warmfix-article' into 'staging'

[CHORES] Fix article link

See merge request !126

frontend/src/pages/article.css

@@ -59,11 +59,11 @@
   word-wrap: break-word;
 }
 
-a:hover {
+.article-link:hover {
   text-decoration: none;
-  font-weight: bold;
+  color: var(--red);
 }
-a:focus {
+.article-link:focus {
   text-decoration: none;
-  font-weight: bold;
+  color: var(--red);
 }

frontend/src/pages/article.js

@@ -77,7 +77,11 @@ const Content = props => {
                 <ErrorRetry retry={refetchList} />
               ) : (
                 dataList.data.results.slice(0, 3).map(newArticle => (
-                  <Link to={"/article/" + newArticle.id} key={newArticle.id}>
+                  <Link
+                    className="article-link"
+                    to={"/article/" + newArticle.id}
+                    key={newArticle.id}
+                  >
                     <Row className="my-3 d-flex flex-column align-items-center">
                       <div className="col-sm-12">
                         <div>