[MD Settings][People] Fixes the 'arrow icon' appearing momentarily on page refresh.

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

 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/icon.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
@@ skipping 66 matching lines @@
         width: var(--iron-icon-width);
       }
 
       paper-checkbox {
         margin: 16px 0 2px;
       }
     </style>
     <settings-animated-pages id="pages" section="people">
       <neon-animatable route-path="default">
         <div id="picture-subpage-trigger" class="settings-box first two-line">
-          <div id="profile-icon" on-tap="onPictureTap_" actionable
-              style="background-image: [[getIconImageset_(profileIconUrl_)]]">
-          </div>
+          <template is="dom-if" if="[[syncStatus]]">
+            <div id="profile-icon" on-tap="onPictureTap_" actionable
+                style="background-image: [[getIconImageset_(profileIconUrl_)]]">
+            </div>
 <if expr="not chromeos">
-          <div class="middle two-line" on-tap="onProfileNameTap_" actionable>
+            <div class="middle two-line" on-tap="onProfileNameTap_" actionable>
 </if>
 <if expr="chromeos">
-          <div class="middle two-line" on-tap="onPictureTap_" actionable>
+            <div class="middle two-line" on-tap="onPictureTap_" actionable>
 </if>
-            <div class="flex">
-              <span id="profile-name">[[profileName_]]</span>
-              <div class="secondary" hidden="[[!syncStatus.signedIn]]">
-                [[syncStatus.signedInUsername]]
+              <div class="flex">
+                <span id="profile-name">[[profileName_]]</span>
+                <div class="secondary" hidden="[[!syncStatus.signedIn]]">
+                  [[syncStatus.signedInUsername]]
+                </div>
               </div>
+              <button class="subpage-arrow" is="paper-icon-button-light">
+              </button>
             </div>
-            <button class="subpage-arrow" is="paper-icon-button-light"></button>
-          </div>
 <if expr="not chromeos">
-          <template is="dom-if" if="[[showSignin_(syncStatus)]]">
-            <span class="secondary-action">
-              <paper-button class="primary-button" on-tap="onSigninTap_"
-                  disabled="[[syncStatus.setupInProgress]]">
-                $i18n{syncSignin}
-              </paper-button>
-            </span>
+            <template is="dom-if" if="[[showSignin_(syncStatus)]]">
+              <span class="secondary-action">
+                <paper-button class="primary-button" on-tap="onSigninTap_"
+                    disabled="[[syncStatus.setupInProgress]]">
+                  $i18n{syncSignin}
+                </paper-button>
+              </span>
+            </template>
+            <template is="dom-if" if="[[syncStatus.signedIn]]">
+              <span class="secondary-action">
+                <paper-button id="disconnectButton" class="secondary-button"
+                    on-tap="onDisconnectTap_"
+                    disabled="[[syncStatus.setupInProgress]]">
+                  $i18n{syncDisconnect}
+                </paper-button>
+              </span>
+            </template>
+</if>
           </template>
-          <template is="dom-if" if="[[syncStatus.signedIn]]">
-            <span class="secondary-action">
-              <paper-button id="disconnectButton" class="secondary-button"
-                  on-tap="onDisconnectTap_"
-                  disabled="[[syncStatus.setupInProgress]]">
-                $i18n{syncDisconnect}
-              </paper-button>
-            </span>
-          </template>
-</if>
         </div>
         <div class="settings-box two-line"
             hidden="[[!showSignin_(syncStatus)]]">
           <div>
             $i18n{syncOverview}
             <a target="_blank" href="$i18n{syncLearnMoreUrl}">
               $i18n{learnMore}
             </a>
           </div>
         </div>
@@ skipping 209 matching lines @@
 
 <if expr="chromeos">
     <template is="dom-if" if="[[easyUnlockEnabled_]]">
       <easy-unlock-turn-off-dialog id="easyUnlockTurnOffDialog">
       </easy-unlock-turn-off-dialog>
     </template>
 </if>
   </template>
   <script src="people_page.js"></script>
 </dom-module>