/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.store-payment-method {
  display: flex;
  justify-content: space-between;
  padding: 8px;

  &__cell {
    margin: 8px;
    padding: 8px;
    width: 50%;
  }

  &__provider {
    height: 20px;
    margin: 4px 4px 4px 0;

    &--tall {
      height: 30px;
    }
  }
}

/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.store-payment-method {
  display: flex;
  justify-content: space-between;
  padding: 8px;

  @media @mobile {
    flex-direction: column;
  }

  &__cell {
    margin: 8px;
    padding: 8px;
    width: 50%;
    @media @mobile {
      width: 100%;
      text-align: center;
    }
  }

  &__provider {
    height: 20px;
    margin: 4px 4px 4px 0;

    &--tall {
      height: 30px;
    }
  }
}

Move text below buttons when viewport narrows;
Move text below buttons when viewport narrows;
