[MD Settings][People] Updates positions of username and sync status message

chrome/browser/resources/settings/people_page/people_page.html

Index: chrome/browser/resources/settings/people_page/people_page.html
diff --git a/chrome/browser/resources/settings/people_page/people_page.html b/chrome/browser/resources/settings/people_page/people_page.html
index 9bb3c31daca4110b4908f1e6438dbc6aa85a1535..7acb34b06a4d221c313276cbf15d611686c90d8f 100644
--- a/chrome/browser/resources/settings/people_page/people_page.html
+++ b/chrome/browser/resources/settings/people_page/people_page.html
@@ -93,9 +93,12 @@
 <if expr="chromeos">
           <div class="middle two-line" on-tap="onPictureTap_" actionable>
 </if>
-            <span class="flex" id="profile-name">
-              [[profileName_]]
-            </span>
+            <div class="flex">
+              <span id="profile-name">[[profileName_]]</span>
+              <div class="secondary" hidden="[[!syncStatus.signedIn]]">
+                [[syncStatus.username]]
+              </div>
+            </div>
             <button class="icon-arrow-right" is="paper-icon-button-light">
             </button>
           </div>
@@ -152,11 +155,8 @@
             </div>
             <div class="middle">
               <div>$i18n{sync}</div>
-              <div class="secondary" hidden="[[syncStatus.hasError]]">
-                [[syncStatus.statusText]]
-              </div>
-              <div class="secondary sync-error"
-                  hidden="[[!syncStatus.hasError]]">
+              <div class$="secondary [[getSyncStatusTextClass_(
+                  syncStatus.hasError)]]">
                 [[syncStatus.statusText]]
               </div>
             </div>