DOMUI: Add padding for the Home Page favicon.

chrome/browser/resources/options/options_page.css

 body {
   cursor: default;
   font-size: 100%;
 }
 
 #settings-title {
   -webkit-padding-end: 24px;
   color: #53637d;
   cursor: pointer;
   font-size: 200%;
@@ skipping 470 matching lines @@
 html[dir=rtl].option-name {
   padding-left: 5px;
 }
 
 .favicon-cell {
   -webkit-padding-start: 20px;
   background-position: left;
   background-repeat: no-repeat;
 }
 
+input.favicon-cell {
+  -webkit-padding-start: 22px;
+  background-position-x: 4px;
+}
+
+html[dir=rtl] input.favicon-cell {
+  background-position-x: 99.3%;

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

I had considered this before, but didn't quite have the guts for it ;)

Maybe put a TODO for doing something better when CSS3 background positioning is
available (which would let us do 'x pixels from the right').

[James Hawkins, 2011/01/19 03:07:47]

Done.

+}
+
 list .favicon-cell {
   -webkit-margin-start: 7px;
   -webkit-padding-start: 26px;
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
 html[dir=rtl] list .favicon-cell {
@@ skipping 30 matching lines @@
 }
 
 .suboption {
   -webkit-margin-start: 16px;
 }
 
 html[os=mac] label > input[type=checkbox],
 html[os=mac] label > input[type=radio] {
   margin-top: 2px;
 }