Fix jank with gr-change-metadata when labels are too long

Change-Id: Ia3df1a4bca8c6e0e0a3844e06f630e2846013617
This commit is contained in:
Andrew Bonventre
2016-03-21 16:47:17 -04:00
parent cb4afa34a8
commit 54e19df08f

View File

@@ -53,15 +53,22 @@ limitations under the License.
background-color: #ffd4d4;
}
@media screen and (max-width: 50em), screen and (min-width: 75em) {
section {
display: flex;
:host {
display: table;
}
section:not(:first-of-type) {
margin-top: .25em;
section {
display: table-row;
}
section:not(:first-of-type) .title,
section:not(:first-of-type) .value {
padding-top: .5em;
}
.title,
.value {
display: table-cell;
}
.title {
margin-right: .5em;
min-width: 9em;
padding-right: .5em;
}
}
</style>