From 75bca7d62ced7840ad71f31fc415d65e60cc1e68 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Thu, 25 May 2023 23:48:36 +0300
Subject: [PATCH] Fixed article card style

---
 src/components/Feed/ArticleCard.module.scss | 23 ++++++++++++---------
 src/components/Feed/Beside.module.scss      |  5 ++---
 src/components/Feed/CardTopic.module.scss   |  5 +++--
 3 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/components/Feed/ArticleCard.module.scss b/src/components/Feed/ArticleCard.module.scss
index 580ef1f6..9d7bb5dd 100644
--- a/src/components/Feed/ArticleCard.module.scss
+++ b/src/components/Feed/ArticleCard.module.scss
@@ -33,14 +33,16 @@
 }
 
 .shoutCardWithBorder {
-  border-top: 1px solid #141414;
+  border-top: 2px solid #141414;
   margin-top: 2.4rem !important;
   padding-top: 2.4rem;
 }
 
 .shoutCardTitlesContainer {
-  a {
-    &::before {
+  a:link {
+    border: none;
+
+    &:before {
       content: '';
       height: 100%;
       left: 0;
@@ -87,13 +89,14 @@
 
 .shoutAuthor,
 .shoutDate {
-  @include font-size(1.2rem);
+  @include font-size(1.4rem);
 }
 
 .shoutAuthor {
+  font-weight: 500;
   margin-right: 1.6rem;
 
-  a {
+  a:link {
     border: none;
     color: rgb(0 0 0 / 70%);
     position: relative;
@@ -117,7 +120,7 @@
   @include font-size(2.2rem);
 
   font-weight: 700;
-  line-height: 1.25;
+  line-height: 1.1;
   margin-bottom: 0.8rem;
 }
 
@@ -133,12 +136,11 @@
 }
 
 .shoutCardSubtitle {
-  @include font-size(1.7rem);
-
   color: #696969;
+  @include font-size(1.8rem);
   font-weight: 400;
   line-height: 1.3;
-  margin-bottom: 0.8rem;
+  margin-bottom: 1.4rem;
   transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
 }
 
@@ -303,7 +305,8 @@
   }
 
   .shoutCardTitlesContainer {
-    a {
+    a:link {
+      border: none;
       color: #fff;
 
       &:hover {
diff --git a/src/components/Feed/Beside.module.scss b/src/components/Feed/Beside.module.scss
index da800420..386f8c72 100644
--- a/src/components/Feed/Beside.module.scss
+++ b/src/components/Feed/Beside.module.scss
@@ -65,10 +65,9 @@
     width: 1em;
   }
 
-  a {
-    @include font-size(1.5rem);
-
+  a:link {
     border: none;
+    @include font-size(1.5rem);
     font-weight: 500;
     padding-right: 0.3em;
     white-space: nowrap;
diff --git a/src/components/Feed/CardTopic.module.scss b/src/components/Feed/CardTopic.module.scss
index 9ac681f7..8c7dec3a 100644
--- a/src/components/Feed/CardTopic.module.scss
+++ b/src/components/Feed/CardTopic.module.scss
@@ -1,11 +1,12 @@
 .shoutTopic {
-  font-size: 1.2rem;
+  font-size: 1.4rem;
+  font-weight: bold;
   letter-spacing: 0.08em;
   margin-bottom: 0.8rem;
   text-transform: uppercase;
   transition: background-color 0.2s;
 
-  a {
+  a:link {
     background: transparent;
     border: none;
     color: $link-color;