From a2f80f90fde339c8e861c14225fbd8ae3bd002e0 Mon Sep 17 00:00:00 2001
From: Alexey Khaov <kvakazyambra@gmail.com>
Date: Wed, 25 Jan 2023 01:00:10 +0300
Subject: [PATCH] Subscribe topic button style fixes

---
 src/components/Author/Card.module.scss |  2 +-
 src/components/Topic/Card.module.scss  |  3 ++-
 src/styles/app.scss                    | 14 +++++++++++++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/components/Author/Card.module.scss b/src/components/Author/Card.module.scss
index 61b5cd2f..f406b871 100644
--- a/src/components/Author/Card.module.scss
+++ b/src/components/Author/Card.module.scss
@@ -305,5 +305,5 @@
 }
 
 .isSubscribing {
-  color: transparent;
+  opacity: 0.5;
 }
diff --git a/src/components/Topic/Card.module.scss b/src/components/Topic/Card.module.scss
index e6755b0d..d4332eed 100644
--- a/src/components/Topic/Card.module.scss
+++ b/src/components/Topic/Card.module.scss
@@ -118,9 +118,10 @@
 }
 
 .isSubscribing {
-  color: transparent;
+  opacity: 0.5;
 }
 
 .isSubscribed {
   background: #000;
+  color: #fff;
 }
diff --git a/src/styles/app.scss b/src/styles/app.scss
index b3bfe2bd..3ae381c7 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -187,6 +187,11 @@ button {
   cursor: pointer;
   font-family: inherit;
   padding: 0;
+
+  &[disabled] {
+    cursor: default;
+    opacity: 0.5 !important;
+  }
 }
 
 .button {
@@ -253,6 +258,11 @@ button {
     color: #fff;
     opacity: 1;
   }
+
+  &[disabled]:hover {
+    background: #fff;
+    color: #000;
+  }
 }
 
 .button--content-index {
@@ -710,7 +720,9 @@ astro-island {
 .mode-switcher {
   @include font-size(1.5rem);
 
-  text-align: right;
+  @include media-breakpoint-up(md) {
+    text-align: right;
+  }
 }
 
 .mode-switcher__control {