OLD | NEW |
| (Empty) |
1 #autofill-edit-address-overlay { | |
2 min-width: 510px; | |
3 } | |
4 | |
5 #autofill-edit-credit-card-overlay { | |
6 min-width: 500px; | |
7 } | |
8 | |
9 div.table { | |
10 display: table; | |
11 } | |
12 | |
13 div.cell { | |
14 display: table-cell; | |
15 } | |
16 | |
17 div.row { | |
18 display: table-row; | |
19 } | |
20 | |
21 div.input { | |
22 padding: 2px; | |
23 } | |
24 | |
25 /* Size to match large name fields. */ | |
26 #company-name, #addr-line-1, #addr-line-2 { | |
27 width: 206px; | |
28 } | |
29 | |
30 #country { | |
31 max-width: 450px; | |
32 } | |
33 | |
34 #autofill-edit-address-overlay list { | |
35 /* Min height is a multiple of the list item height (32) */ | |
36 min-height: 32px; | |
37 width: 176px; | |
38 } | |
39 | |
40 #autofill-edit-address-overlay list div.static-text { | |
41 -webkit-box-flex: 1; | |
42 -webkit-border-radius: 2px; | |
43 -webkit-padding-start: 4px; | |
44 -webkit-padding-end: 4px; | |
45 border: 1px solid darkGray; | |
46 /* Set the line-height and min-height to match the height of an input element, | |
47 * so that even empty cells renderer with the correct height. | |
48 */ | |
49 line-height: 1.75em; | |
50 min-height: 1.75em; | |
51 width: 141px; | |
52 } | |
53 | |
54 #autofill-edit-address-overlay list input { | |
55 width: 151px; | |
56 } | |
57 | |
58 #autofill-name-labels { | |
59 -webkit-box-orient: horizontal; | |
60 /* Set the margin to compensate for each list item's close button and | |
61 * padding. | |
62 */ | |
63 -webkit-margin-end: 25px; | |
64 display: -webkit-box; | |
65 } | |
66 | |
67 #autofill-name-labels label { | |
68 -webkit-box-flex: 1; | |
69 display: block; | |
70 /* Set the minimum width to the size of an input element, so that all boxes | |
71 * have an equal amount of flex space to work with. | |
72 */ | |
73 min-width: 141px; | |
74 } | |
75 | |
76 #autofill-edit-address-overlay list#full-name-list div.static-text { | |
77 width: 131px; | |
78 } | |
79 | |
80 #autofill-edit-address-overlay list#full-name-list input { | |
81 width: 141px; | |
82 } | |
83 | |
84 #autofill-edit-address-overlay list#full-name-list { | |
85 width: 100%; | |
86 } | |
87 | |
88 #full-name-list div[role="listitem"] > div { | |
89 -webkit-box-orient: horizontal; | |
90 display: -webkit-box; | |
91 } | |
92 | |
93 #full-name-list div[role="listitem"] > div > div { | |
94 -webkit-box-flex: 1; | |
95 } | |
OLD | NEW |