From e61c910587dc8392366b6922d73be165732e9712 Mon Sep 17 00:00:00 2001
From: Nabila Febri Viola <nabilafebriviola@gmail.com>
Date: Thu, 25 Jun 2020 16:08:05 +0700
Subject: [PATCH] [CHORES] Fix article link

---
 frontend/src/pages/article.css | 8 ++++----
 frontend/src/pages/article.js  | 6 +++++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/article.css b/frontend/src/pages/article.css
index 42d9087..eb4e3f2 100644
--- a/frontend/src/pages/article.css
+++ b/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);
 }
diff --git a/frontend/src/pages/article.js b/frontend/src/pages/article.js
index c245bb9..79c41aa 100644
--- a/frontend/src/pages/article.js
+++ b/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>
-- 
GitLab