From 7aaebff7f22c0b2f7823a2d76fbed79c887d7643 Mon Sep 17 00:00:00 2001
From: Andrew Bonventre <andybons@chromium.org>
Date: Tue, 20 Sep 2016 12:45:55 -0400
Subject: [PATCH] =?UTF-8?q?Fix=20issue=20where=20=E2=80=9CClick=20to=20add?=
 =?UTF-8?q?=20topic=E2=80=9D=20was=20being=20cut=20off?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

+ Moves the max-width property outside of the gr-editable-label
  component since that should be set by the owner.
+ Increases max-width so that the placeholder text isn’t cut off.

Change-Id: Ife9e13c5f0c06908e05b2580b01b7612e14598f0
---
 .../change/gr-change-metadata/gr-change-metadata.html    | 3 +++
 .../shared/gr-editable-label/gr-editable-label.html      | 9 +++++++--
 2 files changed, 10 insertions(+), 2 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 17820610ed..84b23919d9 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
@@ -37,6 +37,9 @@ limitations under the License.
         color: #666;
         font-weight: bold;
       }
+      gr-editable-label {
+        max-width: 9em;
+      }
       .labelValueContainer:not(:first-of-type) {
         margin-top: .25em;
       }
diff --git a/polygerrit-ui/app/elements/shared/gr-editable-label/gr-editable-label.html b/polygerrit-ui/app/elements/shared/gr-editable-label/gr-editable-label.html
index 76a9c77dbe..4fec27f12a 100644
--- a/polygerrit-ui/app/elements/shared/gr-editable-label/gr-editable-label.html
+++ b/polygerrit-ui/app/elements/shared/gr-editable-label/gr-editable-label.html
@@ -18,14 +18,19 @@ limitations under the License.
 <dom-module id="gr-editable-label">
   <template>
     <style>
+      :host {
+        display: inline-block;
+      }
+      input,
+      label {
+        width: 100%;
+      }
       input {
         font: inherit;
-        max-width: 8em;
       }
       label {
         color: #777;
         display: inline-block;
-        max-width: 8em;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;