From a4994fd879a8900bb4fac65f73d23c3e02dfa581 Mon Sep 17 00:00:00 2001
From: itepechi <72330683+itepechi@users.noreply.github.com>
Date: Sat, 9 Sep 2023 05:17:22 +0900
Subject: [PATCH] Give subscribe buttons a fixed width

---
 src/components/user_card/user_card.scss | 4 ++++
 src/components/user_card/user_card.vue  | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 1f89c891..882ca81a 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -303,6 +303,10 @@
     button {
       margin: 0;
     }
+
+    .subscribe-button {
+      width: 2em;
+    }
   }
 }
 
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 289db15b..8b0931c7 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -198,7 +198,7 @@
             <template v-if="relationship.following">
               <ProgressButton
                 v-if="!relationship.subscribing"
-                class="btn button-default"
+                class="btn button-default subscribe-button"
                 :click="subscribeUser"
                 :title="$t('user_card.subscribe')"
               >
@@ -206,7 +206,7 @@
               </ProgressButton>
               <ProgressButton
                 v-else
-                class="btn button-default toggled"
+                class="btn button-default subscribe-button toggled"
                 :click="unsubscribeUser"
                 :title="$t('user_card.unsubscribe')"
               >