Add custom Polymer network icon element

chrome/browser/resources/chromeos/network_ui/network_ui.css

Index: chrome/browser/resources/chromeos/network_ui/network_ui.css
diff --git a/chrome/browser/resources/chromeos/network_ui/network_ui.css b/chrome/browser/resources/chromeos/network_ui/network_ui.css
index 57162b30aa4c5f447ceba1024ec059eaa8f81c67..c3fbf8736644002aaf8fd699a7fe1b7839b3b58e 100644
--- a/chrome/browser/resources/chromeos/network_ui/network_ui.css
+++ b/chrome/browser/resources/chromeos/network_ui/network_ui.css
@@ -1,8 +1,11 @@
-/*
- * Copyright 2013 The Chromium Authors. All rights reserved.
+/* Copyright 2013 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file.
- */
+ * found in the LICENSE file. */
+
+paper-button[raised].colored {
+  background: rgb(66, 133, 244);
+  color: white;
+}
 
 #header {
   margin: 5px;
@@ -12,6 +15,28 @@
   padding: 0 4px;
 }
 
+#header cr-network-icon {
+  height: 40px;
+  width: 40px;
+}
+
+#default-network {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  padding: 4px;
+}
+
+#default-network-text {
+  -webkit-padding-start: 8px;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+#refresh {
+  margin: 4px;
+}
+
 .state-table {
   border-collapse: collapse;
 }
@@ -43,6 +68,11 @@
   white-space: pre-wrap;
 }
 
+.state-table cr-network-icon {
+  height: 25px;
+  width: 25px;
+}
+
 #advanced-options {
   margin-top: 10px;
 }