Bookmarks: set fixed height of dialog depending on number of inputs

Bug: 846291
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I16f71655271eab77480c3744250618a2077481fe
Reviewed-on: https://chromium-review.googlesource.com/1072041Reviewed-by: Scott Chen <scottchen@chromium.org>
Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Esmael El-Moslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#561652}

chrome/browser/resources/md_bookmarks/edit_dialog.html

@@ -15,7 +15,7 @@
       <div slot="title">
         [[getDialogTitle_(isFolder_, isEdit_)]]
       </div>
-      <div slot="body">
+      <div slot="body" style="height: [[getHeightOfBody_(isFolder_)]]px">
         <paper-input always-float-label id="name"
             label="$i18n{editDialogNameInput}"
             value="{{titleValue_}}"

chrome/browser/resources/md_bookmarks/edit_dialog.js

@@ -138,4 +138,11 @@ Polymer({
   onCancelButtonTap_: function() {
     this.$.dialog.cancel();
   },
+
+  /** @private */
+  getHeightOfBody_: function() {
+    const heightTwoInputs = 136;
+    const heightOneInput = 62;
+    return this.isFolder_ ? heightOneInput : heightTwoInputs;
+  },
 });