[MD settings] reorder and update settings sections

chrome/browser/resources/settings/settings_menu/settings_menu.html

 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/device-icons.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/hardware-icons.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/social-icons.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-submenu.html">
 
 <if expr="chromeos">
@@ skipping 61 matching lines @@
           <div>
             <iron-icon icon="settings-ethernet" item-icon></iron-icon>
             <span i18n-content="internetPageTitle"></span>
           </div>
 </if>
           <div>
             <iron-icon icon="social:person" item-icon></iron-icon>
             <span i18n-content="peoplePageTitle"></span>
           </div>
           <div>
-            <iron-icon icon="home" item-icon></iron-icon>
-            <span i18n-content="appearancePageTitle"></span>
-          </div>
-          <div>
             <iron-icon icon="image:brightness-1" item-icon></iron-icon>
             <span i18n-content="onStartup"></span>
           </div>
           <div>
+            <iron-icon icon="home" item-icon></iron-icon>
+            <span i18n-content="appearancePageTitle"></span>
+          </div>
+<if expr="chromeos">
+          <div>
+            <!-- TODO(dschuyler): replace brightness-1 placeholder icon -->
+            <iron-icon icon="image:brightness-1" item-icon></iron-icon>
+            <span i18n-content="devicePageTitle"></span>
+          </div>
+</if>
+          <div>
             <iron-icon icon="search" item-icon></iron-icon>
             <span i18n-content="searchPageTitle"></span>
           </div>
 <if expr="not chromeos">
           <div>
             <iron-icon icon="open-in-browser" item-icon></iron-icon>
             <span i18n-content="defaultBrowser"></span>
           </div>
 </if>
         </paper-menu>
       </paper-submenu>
       <paper-submenu opened="{{advancedOpened_}}" data-page="advanced"
           on-tap="openPage_">
         <div class="menu-trigger">
           <span i18n-content="advancedPageTitle"></span>
           <iron-icon icon="{{arrowState_(advancedOpened_)}}" item-icon>
           </iron-icon>
         </div>
         <paper-menu class="menu-content">
-          <div>
-            <iron-icon icon="communication:location-on" item-icon></iron-icon>
-            <span i18n-content="siteSettingsLocation"></span>
-          </div>
 <if expr="chromeos">
           <div>
             <iron-icon icon="device:access-time" item-icon></iron-icon>
             <span i18n-content="dateTimePageTitle"></span>
           </div>
 </if>
           <div>
             <iron-icon icon="hardware:security" item-icon></iron-icon>
             <span i18n-content="privacyPageTitle"></span>
           </div>
 <if expr="chromeos">
           <div>
             <iron-icon icon="device:bluetooth" item-icon></iron-icon>
             <span i18n-content="bluetoothPageTitle"></span>
           </div>
 </if>
           <div>
             <iron-icon icon="lock" item-icon></iron-icon>
             <span i18n-content="passwordsAndAutofillPageTitle"></span>
           </div>
           <div>
             <iron-icon icon="language" item-icon></iron-icon>
             <span i18n-content="languagesPageTitle"></span>
           </div>
           <div>
             <iron-icon icon="file-download" item-icon></iron-icon>
             <span i18n-content="downloadsPageTitle"></span>
           </div>
           <div>
+            <!-- TODO(dschuyler): replace brightness-1 placeholder icon -->
+            <iron-icon icon="image:brightness-1" item-icon></iron-icon>
+            <span i18n-content="googleCloudPrint"></span>
+          </div>
+          <div>
+            <iron-icon icon="accessibility" item-icon></iron-icon>
+            <span i18n-content="a11yPageTitle"></span>
+          </div>
+<if expr="not chromeos">
+          <div>
+            <!-- TODO(dschuyler): replace brightness-1 placeholder icon -->
+            <iron-icon icon="image:brightness-1" item-icon></iron-icon>
+            <span i18n-content="systemPageTitle"></span>
+          </div>
+</if>
+          <div>
             <iron-icon icon="settings-backup-restore" item-icon></iron-icon>
             <span i18n-content="resetPageTitle"></span>
           </div>
-<if expr="chromeos">
-          <div>
-            <iron-icon icon="accessibility" item-icon></iron-icon>
-            <span i18n-content="a11yPageTitle"></span>
-          </div>
-</if>
         </paper-menu>
       </paper-submenu>
+      <paper-submenu on-tap="openPage_">
+        <div class="menu-trigger">
+          <span i18n-content="aboutProgram"></span>
+        </div>
+      </paper-submenu>
     </paper-menu>
   </template>
   <script src="settings_menu.js"></script>
 </dom-module>