diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index fcdc7cca..b786ab8d 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -15,22 +15,22 @@ <div class="follow" v-if="loggedIn"> <span v-if="user.following"> <!--Following them!--> - <button @click="unfollowUser" class="base01 base04-background"> - Unfollow + <button @click="unfollowUser" class="base04 base00-background pressed"> + Following! </button> </span> <span v-if="!user.following"> - <button @click="followUser" class="base05 base01-background"> + <button @click="followUser" class="base05 base02-background"> Follow </button> </span> </div> <div class='mute' v-if='isOtherUser'> <span v-if='user.muted'> - <button @click="toggleMute" class="base01 base04-background">Unmute</button> + <button @click="toggleMute" class="base04 base00-background pressed">Muted</button> </span> <span v-if='!user.muted'> - <button @click="toggleMute" class="base05 base01-background">Mute</button> + <button @click="toggleMute" class="base05 base02-background">Mute</button> </span> </div> </div> @@ -183,9 +183,15 @@ } button { + border: solid; + border-width: 1px; width: 92%; height: 100%; } + .pressed { + border: solid; + border-width: 1px; + } } }