This patch fixes a light height problem in records to align with the visual spec. Another issue is that on Linux the country warning message in edit address dialog is pushed to the next line, where it should be wrapped. MozReview-Commit-ID: FZiBVKWLeMU
77 lines
1.3 KiB
CSS
77 lines
1.3 KiB
CSS
/* 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/. */
|
|
|
|
div {
|
|
display: flex;
|
|
}
|
|
|
|
button {
|
|
padding: 3px 2em;
|
|
}
|
|
|
|
fieldset {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
fieldset > legend {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
padding: 0.4em 0.7em;
|
|
font-size: 0.9em;
|
|
color: #808080;
|
|
background-color: var(--in-content-box-background-hover);
|
|
border: 1px solid var(--in-content-box-border-color);
|
|
border-radius: 2px 2px 0 0;
|
|
-moz-user-select: none;
|
|
}
|
|
|
|
option:nth-child(even) {
|
|
background-color: -moz-oddtreerow;
|
|
}
|
|
|
|
#addresses,
|
|
#credit-cards {
|
|
font-size: 0.85em;
|
|
width: 100%;
|
|
height: 16.6em;
|
|
margin: 0;
|
|
border-top: none;
|
|
border-radius: 0 0 2px 2px;
|
|
}
|
|
|
|
#addresses > option,
|
|
#credit-cards > option {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 1.6em;
|
|
padding-inline-start: 0.6em;
|
|
}
|
|
|
|
#controls-container {
|
|
flex: 0 1 100%;
|
|
justify-content: end;
|
|
font-size: 0.9em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
#remove {
|
|
margin-inline-start: 0;
|
|
margin-inline-end: auto;
|
|
}
|
|
|
|
#edit {
|
|
margin-inline-end: 0;
|
|
}
|
|
|
|
#credit-cards > option::before {
|
|
content: "";
|
|
background: url("icon-credit-card-generic.svg") no-repeat;
|
|
float: left;
|
|
width: 16px;
|
|
height: 16px;
|
|
padding-inline-end: 10px;
|
|
}
|