[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/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="/controls/settings_checkbox.html">
 <link rel="import" href="/people_page/sync_page.html">
 <link rel="import" href="/people_page/profile_info_browser_proxy.html">
 <link rel="import" href="/people_page/sync_browser_proxy.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_page/settings_animated_pages.html">
 <link rel="import" href="/settings_page/settings_subpage.html">
 <link rel="import" href="/settings_shared_css.html">
 
@@ skipping 56 matching lines @@
       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>
-          <div class="middle">
 <if expr="not chromeos">
-            <span id="profile-name" 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>
+</if>
+            <span class="flex" id="profile-name">
               [[profileName_]]
             </span>
-</if>
-<if expr="chromeos">
-            <span id="profile-name">
-              [[profileName_]]
-            </span>
-</if>
+            <button class="icon-arrow-right" is="paper-icon-button-light">
+            </button>
           </div>
 <if expr="not chromeos">
           <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>
@@ skipping 36 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>
+          <button class="icon-external" is="paper-icon-button-light">
+          </button>
           </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>
+          <button class="icon-external" is="paper-icon-button-light">
+          </button>
         </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 47 matching lines @@
                 <paper-button id="easyUnlockTurnOff" class="secondary-button"
                     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_">
+        <div id="manage-other-people-subpage-trigger"
+            class="settings-box two-line" on-tap="onManageOtherPeople_"
+            actionable>
+          <div class="start">
             $i18n{manageOtherPeople}
-          </paper-button>
+            <div class="secondary">$i18n{manageOtherPeopleSubtext}</div>
+          </div>
+          <button class="icon-external" is="paper-icon-button-light">
+          </button>
         </div>
 
         <template is="dom-if" if=[[profileManagesSupervisedUsers_]]>
-          <div id="manageSupervisedUsersContainer" class="settings-box">
-            <paper-button class="primary-button"
-                on-tap="onManageSupervisedUsers_">
+          <div id="manageSupervisedUsersContainer" class="settings-box two-line"
+              on-tap="onManageSupervisedUsers_" actionable>
+            <div class="start">
               $i18n{manageSupervisedUsers}
-            </paper-button>
+              <div class="secondary">$i18n{manageSupervisedUsersSubtext}</div>
+            </div>
+            <button class="icon-external" is="paper-icon-button-light">
+            </button>
           </div>
         </template>
       </neon-animatable>
       <template is="dom-if" route-path="/syncSetup"
           no-search$="[[!isAdvancedSyncSettingsVisible_(syncStatus)]]">
         <settings-subpage
             associated-control="[[$$('#customize-sync')]]"
             page-title="$i18n{syncPageTitle}"
             no-search$="[[!isAdvancedSyncSettingsVisible_(syncStatus)]]">
           <settings-sync-page></settings-sync-page>
@@ skipping 65 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>