[MD settings] icons for clickable rows

chrome/browser/resources/settings/internet_page/network_summary_item.html

 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list_item.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.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-spinner/paper-spinner.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="/settings_shared_css.html">
 <link rel="import" href="network_siminfo.html">
 
 <dom-module name="network-summary-item">
   <template>
     <style include="settings-shared">
       paper-spinner {
         height: 20px;
         margin: 0 var(--settings-box-row-padding);
         width: 20px;
       }
 
       network-siminfo {
         padding: 0 var(--settings-box-row-padding);
       }
-      
+
       .button-row {
         align-items: center;
         display: flex;
         min-height: var(--settings-row-min-height);
       }
 
       #buttons {
         align-items: center;
       }
 
@@ skipping 13 matching lines @@
 
       #networkList {
         margin: 5px 0 10px;
         max-height: 400px;
       }
     </style>
     <div class="settings-box two-line">
       <div id="details" selectable
           no-flex$="[[showSimInfo_(deviceState)]]"
           on-tap="onDetailsTap_" tabindex$="[[getTabIndex_(deviceState)]]">
-        <cr-network-list-item item="[[activeNetworkState]]">
+        <cr-network-list-item class="start" item="[[activeNetworkState]]">
         </cr-network-list-item>
         <paper-spinner active="[[scanningIsActive_(deviceState, expanded_)]]"
             hidden$="[[!scanningIsVisible_(deviceState)]]">
         </paper-spinner>
+        <template is="dom-if" if="[[!expandIsVisible_(deviceState, networkStateList)]]">

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

WiFi, Cellular, and VPN connections have a gear icon. Maybe we should
show that icon here for ethernet. This will avoid us having 2 buttons
that do the same thing in the case of cellular.

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

I've decided to keep this CL focused on non-chromeos changes, so I've
removed this file from the CL.

+          <iron-icon icon="settings:arrow-drop-up" class="settings-arrow-right">
+          </iron-icon>
+        </template>
       </div>
 
       <template is="dom-if" if="[[showSimInfo_(deviceState)]]">
         <network-siminfo editable class="flex"
             network-properties="[[getCellularState_(deviceState)]]"
             networking-private="[[networkingPrivate]]">
         </network-siminfo>
       </template>
 
       <div>
@@ skipping 30 matching lines @@
             <div class="button-row" actionable on-tap="onKnownNetworksTap_">
               <a is="action-link">$i18n{knownNetworksButton}</a>
             </div>
           </template>
         </div>
       </iron-collapse>
     </template>
   </template>
   <script src="network_summary_item.js"></script>
 </dom-module>