#452 - update button class name

This commit is contained in:
dave 2019-03-21 15:03:54 -04:00
parent dfcdf4f32c
commit 23bae67146
1 changed files with 13 additions and 11 deletions

View File

@ -4,12 +4,12 @@
<span class="faint" v-if="!noFollowsYou && user.follows_you"> <span class="faint" v-if="!noFollowsYou && user.follows_you">
{{ isMe ? $t('user_card.its_you') : $t('user_card.follows_you') }} {{ isMe ? $t('user_card.its_you') : $t('user_card.follows_you') }}
</span> </span>
<div class="btn-follow" v-if="showFollow && !loggedIn"> <div class="follow-card-follow-button" v-if="showFollow && !loggedIn">
<RemoteFollow :user="user" /> <RemoteFollow :user="user" />
</div> </div>
<button <button
v-if="showFollow && loggedIn" v-if="showFollow && loggedIn"
class="btn btn-default btn-follow" class="btn btn-default follow-card-follow-button"
@click="followUser" @click="followUser"
:disabled="inProgress" :disabled="inProgress"
:title="requestSent ? $t('user_card.follow_again') : ''" :title="requestSent ? $t('user_card.follow_again') : ''"
@ -24,7 +24,7 @@
{{ $t('user_card.follow') }} {{ $t('user_card.follow') }}
</template> </template>
</button> </button>
<button v-if="following" class="btn btn-default btn-follow pressed" @click="unfollowUser" :disabled="inProgress"> <button v-if="following" class="btn btn-default follow-card-follow-button pressed" @click="unfollowUser" :disabled="inProgress">
<template v-if="inProgress"> <template v-if="inProgress">
{{ $t('user_card.follow_progress') }} {{ $t('user_card.follow_progress') }}
</template> </template>
@ -39,15 +39,17 @@
<script src="./follow_card.js"></script> <script src="./follow_card.js"></script>
<style lang="scss"> <style lang="scss">
.follow-card-content-container { .follow-card {
flex-shrink: 0; &-content-container {
display: flex; flex-shrink: 0;
flex-direction: row; display: flex;
justify-content: space-between; flex-direction: row;
flex-wrap: wrap; justify-content: space-between;
line-height: 1.5em; flex-wrap: wrap;
line-height: 1.5em;
}
.btn-follow { &-follow-button {
margin-top: 0.5em; margin-top: 0.5em;
margin-left: auto; margin-left: auto;
width: 10em; width: 10em;