From a035f22c91c2f5e3fbab35f057b183bcebdd4e07 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Sun, 23 Jul 2023 19:32:18 +0300
Subject: [PATCH] Minor style fixes

---
 src/components/Article/Article.module.scss   | 3 +--
 src/components/Author/AuthorCard.module.scss | 1 -
 src/components/Feed/Beside.module.scss       | 6 ++++++
 src/components/Nav/Header.module.scss        | 2 --
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Article/Article.module.scss b/src/components/Article/Article.module.scss
index 20193ce8..342db76f 100644
--- a/src/components/Article/Article.module.scss
+++ b/src/components/Article/Article.module.scss
@@ -498,10 +498,9 @@ img {
 
   button {
     @include font-size(1.5rem);
-
     border-radius: 0.8rem;
     margin-right: 1.2rem;
-    padding: 1.1rem 1.2rem 0.9rem;
+    padding: 0.9rem 1.2rem;
   }
 }
 
diff --git a/src/components/Author/AuthorCard.module.scss b/src/components/Author/AuthorCard.module.scss
index 9c76680e..f85e6547 100644
--- a/src/components/Author/AuthorCard.module.scss
+++ b/src/components/Author/AuthorCard.module.scss
@@ -37,7 +37,6 @@
 
   @include media-breakpoint-between(md, lg) {
     flex: 1 0 100%;
-    margin-bottom: 0.8rem;
   }
 
   @include media-breakpoint-up(md) {
diff --git a/src/components/Feed/Beside.module.scss b/src/components/Feed/Beside.module.scss
index 25a4d653..8adc5404 100644
--- a/src/components/Feed/Beside.module.scss
+++ b/src/components/Feed/Beside.module.scss
@@ -101,6 +101,12 @@
   li:last-child & {
     border-bottom: none;
   }
+
+  button {
+    @include media-breakpoint-between(md, lg) {
+      margin-top: 0.8rem;
+    }
+  }
 }
 
 .besideColumnTopic {
diff --git a/src/components/Nav/Header.module.scss b/src/components/Nav/Header.module.scss
index 71f2bfc6..712e4a27 100644
--- a/src/components/Nav/Header.module.scss
+++ b/src/components/Nav/Header.module.scss
@@ -264,14 +264,12 @@
 
 .articleHeader {
   @include font-size(1.4rem);
-
   left: $container-padding-x;
   margin: 0.2em 0;
   overflow: hidden;
   position: absolute;
   text-overflow: ellipsis;
   white-space: nowrap;
-  width: calc(100% - 180px);
 
   @include media-breakpoint-down(md) {
     display: none;