fix padding and styling of buttons

pull/1065/head
trwnh 2019-03-22 00:40:18 -05:00
rodzic 61158a788f
commit fb4e6f862a
2 zmienionych plików z 7 dodań i 7 usunięć

Wyświetl plik

@ -125,10 +125,10 @@
</div> </div>
<div class="card-body flex-grow-0 py-1"> <div class="card-body flex-grow-0 py-1">
<div class="reactions my-1"> <div class="reactions my-1">
<button v-bind:class="[reactions.liked ? 'fas fa-heart btn btn-link text-danger mr-2 m-0' : 'far fa-heart mr-2 m-0 like-btn btn btn-link text-dark']" title="Like" v-on:click="likeStatus"></button> <button v-bind:class="[reactions.liked ? 'fas fa-heart btn btn-link text-danger px-0 mr-2 m-0' : 'far fa-heart px-0 mr-2 m-0 like-btn btn btn-link text-dark']" title="Like" v-on:click="likeStatus"></button>
<button class="far fa-comment mr-2 m-0 btn btn-link text-dark" title="Comment" v-on:click="commentFocus"></button> <button class="far fa-comment px-0 mr-2 m-0 btn btn-link text-dark" title="Comment" v-on:click="commentFocus"></button>
<button v-bind:class="[reactions.shared ? 'far fa-share-square mr-2 m-0 btn btn-link text-primary' : 'far fa-share-square mr-2 m-0 share-btn btn btn-link text-dark']" title="Share" v-on:click="shareStatus"></button> <button v-bind:class="[reactions.shared ? 'far fa-share-square px-0 mr-2 m-0 btn btn-link text-primary' : 'far fa-share-square px-0 mr-2 m-0 share-btn btn btn-link text-dark']" title="Share" v-on:click="shareStatus"></button>
<button v-bind:class="[reactions.bookmarked ? 'fas fa-bookmark text-warning m-0 float-right' : 'far fa-bookmark m-0 float-right']" title="Bookmark" v-on:click="bookmarkStatus"></button> <button v-bind:class="[reactions.bookmarked ? 'fas fa-bookmark btn btn-link text-warning px-0 m-0 float-right' : 'far fa-bookmark btn btn-link text-dark px-0 m-0 float-right']" title="Bookmark" v-on:click="bookmarkStatus"></button>
</div> </div>
<div class="reaction-counts font-weight-bold mb-0"> <div class="reaction-counts font-weight-bold mb-0">
<span style="cursor:pointer;" v-on:click="likesModal"> <span style="cursor:pointer;" v-on:click="likesModal">

Wyświetl plik

@ -84,9 +84,9 @@
<div class="card-body"> <div class="card-body">
<div class="reactions my-1"> <div class="reactions my-1">
<button v-bind:class="[status.favourited ? 'fas fa-heart btn btn-link text-danger mr-2 m-0 cursor-pointer' : 'far fa-heart mr-2 m-0 like-btn btn btn-link text-dark cursor-pointer']" title="Like" v-on:click="likeStatus(status, $event)"></button> <button v-bind:class="[status.favourited ? 'fas fa-heart btn btn-link text-danger px-0 mr-2 m-0 cursor-pointer' : 'far fa-heart px-0 mr-2 m-0 like-btn btn btn-link text-dark cursor-pointer']" title="Like" v-on:click="likeStatus(status, $event)"></button>
<button class="far fa-comment mr-2 m-0 btn btn-link text-dark cursor-pointer" title="Comment" v-on:click="commentFocus(status, $event)"></button> <button class="far fa-comment px-0 mr-2 m-0 btn btn-link text-dark cursor-pointer" title="Comment" v-on:click="commentFocus(status, $event)"></button>
<button v-bind:class="[status.reblogged ? 'far fa-share-square mr-2 m-0 btn btn-link text-primary cursor-pointer' : 'far fa-share-square mr-2 m-0 share-btn btn btn-link text-dark cursor-pointer']" title="Share" v-on:click="shareStatus(status, $event)"></button> <button v-bind:class="[status.reblogged ? 'far fa-share-square px-0 mr-2 m-0 btn btn-link text-primary cursor-pointer' : 'far fa-share-square px-0 mr-2 m-0 share-btn btn btn-link text-dark cursor-pointer']" title="Share" v-on:click="shareStatus(status, $event)"></button>
</div> </div>
<div class="likes font-weight-bold"> <div class="likes font-weight-bold">