Merge "Left align 'No changes need your attention' message'"

polygerrit-ui/app/elements/change-list/gr-change-list/gr-change-list_html.ts

@@ -82,7 +82,11 @@ export const htmlTemplate = html`
         <template is="dom-if" if="[[_isEmpty(changeSection)]]">
           <tr class="noChanges">
             <td aria-hidden="true" class="leftPadding"></td>
-            <td aria-hidden="true" class="star" hidden></td>
+            <td
+              aria-hidden="[[!showStar]]"
+              class="star"
+              hidden$="[[!showStar]]"
+            ></td>
             <td
               class="cell"
               colspan$="[[_computeColspan(changeSection, visibleChangeTableColumns, labelNames)]]"

polygerrit-ui/app/elements/change-list/gr-create-change-help/gr-create-change-help_html.ts

@@ -21,10 +21,10 @@ export const htmlTemplate = html`
     :host {
       display: block;
     }
-    #graphic,
-    #help {
+    #graphic {
       display: inline-block;
       margin: var(--spacing-m);
+      margin-left: 0;
     }
     #graphic #circle {
       align-items: center;
@@ -45,6 +45,8 @@ export const htmlTemplate = html`
       text-align: center;
     }
     #help {
+      display: inline-block;
+      margin: var(--spacing-m);
       padding-top: var(--spacing-xl);
       vertical-align: top;
     }

polygerrit-ui/app/elements/change-list/gr-dashboard-view/gr-dashboard-view_html.ts

@@ -50,9 +50,6 @@ export const htmlTemplate = html`
     #emptyOutgoing {
       display: block;
     }
-    #emptyYourTurn {
-      text-align: center;
-    }
     @media only screen and (max-width: 50em) {
       .loading {
         padding: 0 var(--spacing-l);
@@ -100,7 +97,7 @@ export const htmlTemplate = html`
         </template>
       </div>
       <div id="emptyYourTurn" slot="empty-your-turn">
-        <span>&#x1f389; No changes need your attention &#x1f389;</span>
+        <span>No changes need your attention &nbsp;&#x1f389;</span>
       </div>
     </gr-change-list>
   </div>