MD WebUI: Networking polish in OOBE and Settings

chrome/browser/resources/chromeos/login/oobe_buttons.html

Index: chrome/browser/resources/chromeos/login/oobe_buttons.html
diff --git a/chrome/browser/resources/chromeos/login/oobe_buttons.html b/chrome/browser/resources/chromeos/login/oobe_buttons.html
index 658b7fc6f818216602814b17b5031ef50bbe619c..0c92c51d36aaaa1090acfc2b14f5dccfbd9d6f1f 100644
--- a/chrome/browser/resources/chromeos/login/oobe_buttons.html
+++ b/chrome/browser/resources/chromeos/login/oobe_buttons.html
@@ -15,6 +15,10 @@
         <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z">
         </path>
       </g>
+      <g id="arrow-forward">
+        <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z">
+        </path>
+      </g>
     </defs>
   </svg>
 </iron-iconset-svg>
@@ -48,7 +52,7 @@
 </dom-module>
 
 <!--
-  Material design square "<- Back" button.
+  Material design square "<- Back" and "Next ->" buttons.
   Text is blue, background is white.
 
   Example:
@@ -59,7 +63,7 @@
     'disabled' - button is disabled when the attribute is set.
 -->
 <dom-module id="oobe-back-button">
-  <link rel="stylesheet" href="oobe_back_button.css">
+  <link rel="stylesheet" href="oobe_nav_button.css">
   <template>
     <paper-button id="button" on-tap="onClick_" disabled="[[disabled]]">
       <div class="flex horizontal layout start center">
@@ -70,6 +74,18 @@
   </template>
 </dom-module>
 
+<dom-module id="oobe-next-button">
+  <link rel="stylesheet" href="oobe_nav_button.css">
+  <template>
+    <paper-button id="button" on-tap="onClick_" disabled="[[disabled]]">
+      <div class="flex horizontal layout start center">
+        <div id="text">$i18n{next}</div>
+        <iron-icon icon="oobe-buttons:arrow-forward"></iron-icon>
+      </div>
+    </paper-button>
+  </template>
+</dom-module>
+
 <!--
   Material design button that shows an icon and displays text.