Settings: Network icons need to be flex

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;
         overflow: hidden;
         padding: 2px;
         position: relative;
       }
 
       /* Included for options UI. TODO(stevenjb): Remove. */
       [hidden] {
         display: none !important;
       }
 
@@ skipping 98 matching lines @@
       @keyframes cellular-levels {
         0% { background: url(cellular_0.svg); }
         25% { background: url(cellular_1.svg); }
         50% { background: url(cellular_2.svg); }
         75% { background: url(cellular_3.svg); }
         100% { background: url(cellular_4.svg); }
       }
     </style>
     <div id="icon" class$="[[getIconClass_(networkState, isListItem)]]">
     </div>
-    <iron-icon id="technology" hidden ="[[!showTechnology_(networkState)]]"
+    <iron-icon id="technology" hidden="[[!showTechnology_(networkState)]]"
         icon="[[getTechnology_(networkState)]]">
     </iron-icon>
-    <iron-icon id="secure" hidden ="[[!showSecure_(networkState)]]"
+    <iron-icon id="secure" hidden="[[!showSecure_(networkState)]]"
         icon="network:badge-secure">
     </iron-icon>
   </template>
   <script src="cr_network_icon.js"></script>
 </dom-module>