Bug 1476204 - Make the basic-card-option field order and alignment match the <option>. r=sfoster

MozReview-Commit-ID: 4YA8Ff7Irc3

--HG--
extra : rebase_source : 3131de1d4bffde60ea2c468a55e65c917d96584a

browser/components/payments/res/components/basic-card-option.css

@@ -3,9 +3,9 @@
  * 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 {