RTL HTML/CSS clean-up with -webkit-foo-{start,end}...

chrome/browser/resources/extensions_ui.html

Index: chrome/browser/resources/extensions_ui.html
===================================================================
--- chrome/browser/resources/extensions_ui.html	(revision 66526)
+++ chrome/browser/resources/extensions_ui.html	(working copy)
@@ -20,16 +20,12 @@
   min-height: 67px;
   overflow: hidden;
   padding-bottom: 20px;
-  padding-left: 0;
+  -webkit-padding-start: 0;
   padding-top: 20px;
   position: relative;
   -webkit-box-sizing: border-box;
 }
 
-html[dir=rtl] #header {
-  padding-right: 0;
-}
-
 #header h1 {
   background: url('../../app/theme/extensions_section.png') 0px 20px no-repeat;
   display: inline;
@@ -62,16 +58,11 @@
   border-top: 1px solid #b5c7de;
   font-size: 99%;
   padding-bottom: 2px;
-  padding-left: 5px;
+  -webkit-padding-start: 5px;
   padding-top: 3px;
   width: 100%;
 }
 
-html[dir=rtl] .section-header {
-  padding-right: 5px;
-  padding-left: 0;
-}
-
 .section-header-title {
   font-weight: bold;
 }
@@ -134,14 +125,10 @@
   border-bottom: 1px solid #edeff5;
   font-size: 89%;
   padding-bottom: 0.8em;
-  padding-left: 10px;
+  -webkit-padding-start: 10px;
   padding-top: 0.8em;
   width: 100%;
 }
-html[dir=rtl] .developer-mode {
-  padding-right: 10px;
-  padding-left: 0;
-}
 
 .extension_disabled td {
   background-color: #f0f0f0;
@@ -298,32 +285,22 @@
 }
 
 .dialogBrowseRow {
-  margin-left: -24px;
+  -webkit-margin-start: -24px;
   width: 100%;
   -webkit-box-orient: horizontal;
   -webkit-box-pack: end;
 }
 
-html[dir=rtl] .dialogBrowseRow {
-  margin-right: -24px;
-  /* margin-left: 0px; */
-}
-
 .dialogBrowseRow>* {
   margin: 2px
 }
 
 #dialogContentFooter {
   margin-bottom: 6px;
-  margin-left: -12px;
+  -webkit-margin-start: -12px;
   margin-top: 20px;
 }
 
-html[dir=rtl] #dialogContentFooter {
-  margin-right: -12px;
-  margin-left: 0px;
-}
-
 .inspectPopupNote {
   color: grey;
 }