From 796321e3ee94854acdda5d5aa2f7eb1ddfac80bb Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 10 Oct 2023 01:09:15 +0300
Subject: [PATCH] Minor author page style fixes

---
 src/components/Article/Comment.module.scss | 13 +++++++++++--
 src/components/Feed/CardTopic.module.scss  | 10 ----------
 src/components/Nav/Modal/Modal.module.scss |  2 ++
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/components/Article/Comment.module.scss b/src/components/Article/Comment.module.scss
index b2515117..58f775ab 100644
--- a/src/components/Article/Comment.module.scss
+++ b/src/components/Article/Comment.module.scss
@@ -98,6 +98,10 @@
   }
 }
 
+.commentControlDelete {
+  align-items: center;
+}
+
 .commentControl {
   border: none;
   color: #696969;
@@ -106,7 +110,10 @@
   line-height: 1.2;
   margin-right: 0.8rem;
   padding: 0.2em 0.3em;
-  transition: opacity 0.2s, color 0.3s, background-color 0.3s;
+  transition:
+    opacity 0.2s,
+    color 0.3s,
+    background-color 0.3s;
   vertical-align: top;
 
   &:hover {
@@ -123,7 +130,9 @@
     filter: invert(0);
     margin-right: 0.3em;
     opacity: 0.6;
-    transition: filter 0.3s, opacity 0.2s;
+    transition:
+      filter 0.3s,
+      opacity 0.2s;
 
     img {
       margin-bottom: -0.1em;
diff --git a/src/components/Feed/CardTopic.module.scss b/src/components/Feed/CardTopic.module.scss
index 445fb8e2..df4a4849 100644
--- a/src/components/Feed/CardTopic.module.scss
+++ b/src/components/Feed/CardTopic.module.scss
@@ -17,16 +17,6 @@
       color: #fff !important;
     }
   }
-
-  a:before {
-    content: '';
-    height: 100%;
-    left: 0;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    z-index: 2;
-  }
 }
 
 .shoutTopicFloorImportant {
diff --git a/src/components/Nav/Modal/Modal.module.scss b/src/components/Nav/Modal/Modal.module.scss
index 000e0bc6..5529592a 100644
--- a/src/components/Nav/Modal/Modal.module.scss
+++ b/src/components/Nav/Modal/Modal.module.scss
@@ -55,6 +55,8 @@
   }
 
   &.narrow {
+    left: 50%;
+    transform: translateX(-50%);
     width: 100%;
 
     @include media-breakpoint-up(sm) {