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; background-color: #ffd4d4;
} }
@media screen and (max-width: 50em), screen and (min-width: 75em) { @media screen and (max-width: 50em), screen and (min-width: 75em) {
section { :host {
display: flex; display: table;
} }
section:not(:first-of-type) { section {
margin-top: .25em; display: table-row;
}
section:not(:first-of-type) .title,
section:not(:first-of-type) .value {
padding-top: .5em;
}
.title,
.value {
display: table-cell;
} }
.title { .title {
margin-right: .5em; padding-right: .5em;
min-width: 9em;
} }
} }
</style> </style>