Vertically align file-list-header contents

Change-Id: I59f1b503f9c8c7dba8be0200deca8d1ee5774786

polygerrit-ui/app/elements/change/gr-file-list-header/gr-file-list-header.html

@@ -43,14 +43,16 @@ limitations under the License.
       .patchInfoOldPatchSet .latestPatchContainer {
         display: initial;
       }
-      .patchInfo-header {
-        padding: .5em calc(var(--default-horizontal-margin) / 2);
-      }
       .patchInfo-header {
         background-color: #f6f6f6;
         border-bottom: 1px solid #ebebeb;
         display: flex;
-        justify-content: space-between;
+        padding: .5em calc(var(--default-horizontal-margin) / 2);
+      }
+      .patchInfo-header-wrapper {
+        align-items: center;
+        display: flex;
+        width: 100%;
       }
       .latestPatchContainer {
         display: none;
@@ -63,11 +65,9 @@ limitations under the License.
       }
       #diffPrefsContainer,
       .rightControls {
+        align-self: flex-end;
         margin: auto 0 auto auto;
       }
-      .patchInfo-header-wrapper {
-        width: 100%;
-      }
       .showOnEdit {
         display: none;
       }
@@ -78,12 +78,13 @@ limitations under the License.
         display: initial;
       }
       .fileList-header {
+        align-items: center;
         display: flex;
         font-weight: bold;
-        justify-content: space-between;
-        margin: .5em calc(var(--default-horizontal-margin) / 2);
+        margin: .5em calc(var(--default-horizontal-margin) / 2) 0;
       }
       .rightControls {
+        align-items: center;
         display: flex;
         flex-wrap: wrap;
         font-weight: normal;
@@ -109,40 +110,42 @@ limitations under the License.
     </style>
     <div class$="patchInfo-header [[_computeEditLoadedClass(editLoaded)]] [[_computePatchInfoClass(patchRange.patchNum, allPatchSets)]]">
       <div class="patchInfo-header-wrapper">
-        <gr-patch-range-select
-            id="rangeSelect"
-            comments="[[comments]]"
-            change-num="[[changeNum]]"
-            patch-range="[[patchRange]]"
-            available-patches="[[allPatchSets]]"
-            revisions="[[change.revisions]]"
-            on-patch-range-change="_handlePatchChange">
-        </gr-patch-range-select>
-        /
-        <gr-commit-info
-            change="[[change]]"
-            server-config="[[serverConfig]]"
-            commit-info="[[commitInfo]]"></gr-commit-info>
-        <span class="latestPatchContainer">
+        <div>
+          <gr-patch-range-select
+              id="rangeSelect"
+              comments="[[comments]]"
+              change-num="[[changeNum]]"
+              patch-range="[[patchRange]]"
+              available-patches="[[allPatchSets]]"
+              revisions="[[change.revisions]]"
+              on-patch-range-change="_handlePatchChange">
+          </gr-patch-range-select>
           /
-          <a href$="[[changeUrl]]">Go to latest patch set</a>
-        </span>
-        <span class="downloadContainer desktop">
-          /
-          <gr-button link
-              class="download"
-              on-tap="_handleDownloadTap">Download</gr-button>
-        </span>
-        <span class="descriptionContainer hideOnEdit">
-          /
-          <gr-editable-label
-              id="descriptionLabel"
-              class="descriptionLabel"
-              value="[[_computePatchSetDescription(change, patchRange.patchNum)]]"
-              placeholder="[[_computeDescriptionPlaceholder(_descriptionReadOnly)]]"
-              read-only="[[_descriptionReadOnly]]"
-              on-changed="_handleDescriptionChanged"></gr-editable-label>
-        </span>
+          <gr-commit-info
+              change="[[change]]"
+              server-config="[[serverConfig]]"
+              commit-info="[[commitInfo]]"></gr-commit-info>
+          <span class="latestPatchContainer">
+            /
+            <a href$="[[changeUrl]]">Go to latest patch set</a>
+          </span>
+          <span class="downloadContainer desktop">
+            /
+            <gr-button link
+                class="download"
+                on-tap="_handleDownloadTap">Download</gr-button>
+          </span>
+          <span class="descriptionContainer hideOnEdit">
+            /
+            <gr-editable-label
+                id="descriptionLabel"
+                class="descriptionLabel"
+                value="[[_computePatchSetDescription(change, patchRange.patchNum)]]"
+                placeholder="[[_computeDescriptionPlaceholder(_descriptionReadOnly)]]"
+                read-only="[[_descriptionReadOnly]]"
+                on-changed="_handleDescriptionChanged"></gr-editable-label>
+          </span>
+        </div>
         <span id="diffPrefsContainer"
             class="hideOnEdit"
             hidden$="[[_computePrefsButtonHidden(diffPrefs, loggedIn)]]"