[MD settings] icons for clickable rows

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/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="/controls/settings_checkbox.html">
@@ skipping 77 matching lines @@
               [[profileName_]]
             </span>
 </if>
 <if expr="chromeos">
             <span id="profile-name">
               [[profileName_]]
             </span>
 </if>
           </div>
 <if expr="not chromeos">
+          <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right">

[hcarmona, 2016/09/20 21:33:57]

Maybe this button shouldn't have the > because it points to another
button (Sign out). There is also already an icon available for the
avatar.

If we decide to keep it, then it should also be in chromeos.

[dschuyler, 2016/09/23 17:29:18]

The longer term plan is to change the UI further so that the arrows
are not pointing at things to the right. In the short term, we are using
the vertical grey bar to help show that the current box is ending and
the stuff to the right is something else, separate from where the 
arrow is.

I'd like to separate the chromeos changes from this CL because
we are in a development mode where we are prioritizing non-chromeos
desktop work. This CL should not break chromeos, but it may not
polish it as well as non-chromeos.

+          </iron-icon>
           <template is="dom-if" if="[[!syncStatus.signedIn]]">
             <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">
@@ skipping 34 matching lines @@
             <div class="middle">
               <div>$i18n{sync}</div>
               <div class="secondary" hidden="[[syncStatus.hasError]]">
                 [[syncStatus.statusText]]
               </div>
               <div class="secondary sync-error"
                   hidden="[[!syncStatus.hasError]]">
                 [[syncStatus.statusText]]
               </div>
             </div>
+            <iron-icon icon="settings:arrow-drop-up"
+                class="settings-arrow-right">
+            </iron-icon>
           </div>
         </template>
 
         <div class="settings-box two-line" id="activity-controls"
             on-tap="onActivityControlsTap_" actionable
             hidden="[[!syncStatus.signedIn]]">
           <div class="icon-container">
             <div id="googleg-logo"></div>
           </div>
           <div class="middle">
             <div>$i18n{personalizeGoogleServicesTitle}</div>
             <div class="secondary">$i18n{personalizeGoogleServicesText}</div>
           </div>
+          <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right">
+          </iron-icon>
         </div>
 
 <if expr="chromeos">
         <template is="dom-if" if="[[!quickUnlockEnabled_]]">
           <div class="settings-box single-column">
             <settings-checkbox pref="{{prefs.settings.enable_screen_lock}}"
                 label="$i18n{enableScreenlock}">
             </settings-checkbox>
           </div>
         </template>
@@ skipping 48 matching lines @@
                     on-tap="onEasyUnlockTurnOffTap_">
                   $i18n{easyUnlockTurnOffButton}
                 </paper-button>
               </template>
             </div>
           </div>
         </template>
 </if>
 
         <div id="manage-other-people-subpage-trigger" class="settings-box">
-          <paper-button class="primary-button" on-tap="onManageOtherPeople_">
+          <paper-button class="primary-button"
+              on-tap="onManageOtherPeople_">
             $i18n{manageOtherPeople}
           </paper-button>
         </div>
 
         <template is="dom-if" if=[[profileManagesSupervisedUsers_]]>
           <div id="manageSupervisedUsersContainer" class="settings-box">
             <paper-button class="primary-button"
                 on-tap="onManageSupervisedUsers_">
               $i18n{manageSupervisedUsers}
             </paper-button>
@@ skipping 75 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>