MD Settings: Fix network list styling

ui/webui/resources/cr_elements/network/cr_network_icon.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.html">
 <link rel="import" href="chrome://resources/cr_elements/network/network_icons.html">
 
 <dom-module id="cr-network-icon">
   <template>
     <style>
       :host {
         display: inline-flex;
-        opacity: .65;  /* Equivalent to #5a5a5a */
         overflow: hidden;
         padding: 2px;
         position: relative;
       }
 
       /* Included for options UI. TODO(stevenjb): Remove. */
       [hidden] {
         display: none !important;
       }
 
       #icon {
         height: 20px;
+        opacity: .65;  /* Equivalent to #5a5a5a */
         width: 20px;
       }
 
       /* Upper-left corner */
       #technology {
         height: 20px;
         left: 0;
         position: absolute;
         top: 1px;
         width: 20px;
@@ skipping 95 matching lines @@
     </div>
     <iron-icon id="technology" hidden="[[!showTechnology_(networkState)]]"
         icon="[[getTechnology_(networkState)]]">
     </iron-icon>
     <iron-icon id="secure" hidden="[[!showSecure_(networkState)]]"
         icon="network:badge-secure">
     </iron-icon>
   </template>
   <script src="cr_network_icon.js"></script>
 </dom-module>