From 54e19df08f382dcad41a4bff1b61dc7d26107a90 Mon Sep 17 00:00:00 2001
From: Andrew Bonventre <andybons@chromium.org>
Date: Mon, 21 Mar 2016 16:47:17 -0400
Subject: [PATCH] Fix jank with gr-change-metadata when labels are too long

Change-Id: Ia3df1a4bca8c6e0e0a3844e06f630e2846013617
---
 .../gr-change-metadata.html                   | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/polygerrit-ui/app/elements/change/gr-change-metadata/gr-change-metadata.html b/polygerrit-ui/app/elements/change/gr-change-metadata/gr-change-metadata.html
index 71edb6e67c..43d927506d 100644
--- a/polygerrit-ui/app/elements/change/gr-change-metadata/gr-change-metadata.html
+++ b/polygerrit-ui/app/elements/change/gr-change-metadata/gr-change-metadata.html
@@ -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>