Fix subsheet RTL.

chrome/browser/resources/options/options_page.css

 body {
   -webkit-user-select: none;
   cursor: default;
   font-size: 100%;
 }
 
 #settings-title {
   -webkit-padding-end: 24px;
   color: #53637d;
   font-size: 200%;
@@ skipping 188 matching lines @@
   box-sizing: border-box;
   max-width: 888px;
   min-height: 100%;
   min-width: 600px;
   padding: 0 24px;
   position: relative;
 }
 
 .subpage-sheet-container {
   padding: 8px;
-  -webkit-padding-start: 60px;
+  -webkit-padding-start: 0px;

[arv (Not doing code reviews), 2011/01/18 19:06:07]

s/0px/0/

[Evan Stade, 2011/01/18 22:37:09]

Done.

+  -webkit-margin-start: 60px;
   box-sizing: border-box;
   height: 100%;
   position: absolute;
+  /* We set both left and right for the sake of RTL. */
+  left: 0;
+  right: 0;
   top: 0;
-  left: 0;
+  width: 680px;

[stuartmorgan, 2011/01/18 17:21:52]

Won't this make the visible sub-pages 16px narrower than they are supposed to
be?

[Evan Stade, 2011/01/18 22:37:09]

yes, good catch. (actually, it was off by 8)

 }
 
 #subpage-sheet-container-1 {
-  width: 748px;
   z-index: 5;
 }
 
 #subpage-sheet-container-2 {
-  left: 60px;
-  width: 688px;
+  -webkit-padding-start: 60px;
   z-index: 10;
 }
 
 .subpage-sheet {
   -webkit-box-shadow: #666 0px 3px 5px;
   background-color: white;
   border: 1px solid #b8b8b8;
   border-radius: 2px;
   box-sizing: border-box;
   min-height: 100%;
@@ skipping 309 matching lines @@
 }
 
 .suboption {
   -webkit-margin-start: 16px;
 }
 
 html[os=mac] label > input[type=checkbox],
 html[os=mac] label > input[type=radio] {
   margin-top: 2px;
 }