<div class="reviewcard">


    <div class="card" ng-click="flip()" ng-class="{'flipped': showBack}">
        <div class="card__front">
            <div class="card__text">
                {{ character.jp }}
            </div>

            <div class="card__btn pull-left" ng-click="flip()">
                <i class="fa fa-refresh"></i>
            </div>
        </div>

        <div class="card__back">
            <div class="card__text">
                {{ character.en }}
            </div>

            <div class="card__btn pull-left" ng-click="flip()">
                <i class="fa fa-refresh"></i>
            </div>

            <div class="card__btn pull-right" ng-click="playSound($event)">
                <i class="fa fa-volume-up"></i>
            </div>
        </div>

    </div>

</div>

<div class="reviewcard">


    <div class="card" ng-click="flip()" ng-class="{'flipped': showBack}">
        <div class="card__front">
            <div class="card__text">
                {{ character.jp }}
            </div>

            <div class="card__btn pull-left">
                <i class="fa fa-refresh"></i>
            </div>
        </div>

        <div class="card__back">
            <div class="card__text">
                {{ character.en }}
            </div>

            <div class="card__btn pull-left">
                <i class="fa fa-refresh"></i>
            </div>

            <div class="card__btn pull-right" ng-click="playSound($event)">
                <i class="fa fa-volume-up"></i>
            </div>
        </div>

    </div>

</div>

Fix the flipping on the review card
Fix the flipping on the review card
