Bug 1476204 - Make the basic-card-option field order and alignment match the <option>. r=sfoster
MozReview-Commit-ID: 4YA8Ff7Irc3
--- a/browser/components/payments/res/components/basic-card-option.css
+++ b/browser/components/payments/res/components/basic-card-option.css
@@ -1,16 +1,16 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
basic-card-option {
- grid-row-gap: 5px;
- grid-column-gap: 10px;
- grid-template-areas: "type cc-number cc-name cc-exp";
+ grid-column-gap: 1ch;
+ grid-template-areas: "type cc-number cc-exp cc-name";
+ justify-content: start;
}
basic-card-option > .cc-number {
grid-area: cc-number;
}
basic-card-option > .cc-name {
grid-area: cc-name;