[MD settings] use arrow-forward to switch direction in rtl

chrome/browser/resources/settings/device_page/device_page.html

Index: chrome/browser/resources/settings/device_page/device_page.html
diff --git a/chrome/browser/resources/settings/device_page/device_page.html b/chrome/browser/resources/settings/device_page/device_page.html
index e2d0d92ed097385e581d659639b6b9907f47ecb2..b86367e2f5e3489655eb99bc5886e6a41c61c8cb 100644
--- a/chrome/browser/resources/settings/device_page/device_page.html
+++ b/chrome/browser/resources/settings/device_page/device_page.html
@@ -29,39 +29,34 @@
           <div class="middle">
             [[getPointersTitle_(hasMouse_, hasTouchpad_)]]
           </div>
-          <button class="icon-arrow-right" is="paper-icon-button-light">
-          </button>
+          <button class="subpage-arrow" is="paper-icon-button-light"></button>
         </div>
         <div id="keyboardRow" class="settings-box" on-tap="onKeyboardTap_"
             actionable>
           <iron-icon icon="settings:keyboard"></iron-icon>
           <div class="middle">$i18n{keyboardTitle}</div>
-          <button class="icon-arrow-right" is="paper-icon-button-light">
-          </button>
+          <button class="subpage-arrow" is="paper-icon-button-light"></button>
         </div>
         <template is="dom-if" if="[[stylusAllowed_]]">
           <div id="stylusRow" class="settings-box" on-tap="onStylusTap_"
               actionable>
             <iron-icon icon="settings:note"></iron-icon>
             <div class="middle">$i18n{stylusTitle}</div>
-          <button class="icon-arrow-right" is="paper-icon-button-light">
-          </button>
+          <button class="subpage-arrow" is="paper-icon-button-light"></button>
           </div>
         </template>
         <div id="displayRow" class="settings-box" on-tap="onDisplayTap_"
             actionable>
           <iron-icon icon="settings:desktop-windows"></iron-icon>
           <div class="middle">$i18n{displayTitle}</div>
-          <button class="icon-arrow-right" is="paper-icon-button-light">
-          </button>
+          <button class="subpage-arrow" is="paper-icon-button-light"></button>
         </div>
         <template is="dom-if" if="[[showStorageManager_]]">
           <div id="storageRow" class="settings-box" on-tap="onStorageTap_"
               actionable>
             <iron-icon icon="settings:storage"></iron-icon>
             <div class="middle">$i18n{storageTitle}</div>
-            <button class="icon-arrow-right" is="paper-icon-button-light">
-            </button>
+            <button class="subpage-arrow" is="paper-icon-button-light"></button>
           </div>
         </template>
       </neon-animatable>