Merge "Fix display of gr-commit-info in inline header"

polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html

@@ -219,6 +219,9 @@ limitations under the License.
       .text {
         white-space: pre;
       }
+      gr-commit-info {
+        display: inline-block;
+      }
       @media screen and (min-width: 80em) {
         .commitMessage {
           max-width: var(--commit-message-max-width, 100ch);

polygerrit-ui/app/elements/change/gr-commit-info/gr-commit-info.html

@@ -21,11 +21,12 @@ limitations under the License.
 <dom-module id="gr-commit-info">
   <template>
     <style include="shared-styles">
-      :host {
+      .container {
         align-items: center;
         display: flex;
       }
     </style>
+    <div class="container">
       <template is="dom-if" if="[[_showWebLink]]">
         <a target="_blank" rel="noopener"
             href$="[[_webLink]]">[[_computeShortHash(commitInfo)]]</a>
@@ -37,6 +38,7 @@ limitations under the License.
           hide-input
           text="[[commitInfo.commit]]">
       </gr-copy-clipboard>
+    </div>
   </template>
   <script src="gr-commit-info.js"></script>
 </dom-module>