History: Use images instead of unicode characters.

chrome/browser/resources/history/history.css

Index: chrome/browser/resources/history/history.css
diff --git a/chrome/browser/resources/history/history.css b/chrome/browser/resources/history/history.css
index 9f7ec102e54d2d20206739b5d82bee428ba79c6f..4f01c0a8d90068afe319613cb0579a6f0ac438ba 100644
--- a/chrome/browser/resources/history/history.css
+++ b/chrome/browser/resources/history/history.css
@@ -56,6 +56,11 @@ html[dir=rtl] #range-next {
   float: left;
 }
 
+#range-next:disabled img,
+#range-previous:disabled img {
+  opacity: 0.4;
+}
+
 #display-filter-controls {
   float: right;
 }
@@ -197,7 +202,6 @@ html[dir='rtl'] .number-visits {
 
 .number-visits {
   color: rgb(151, 156, 160);
-  margin-left: 0.3em;
 }
 
 .drop-down {
@@ -266,6 +270,10 @@ html[dir='rtl'] .site-domain {
 }
 </if>
 
+#range-previous img {
+  -webkit-transform: rotate(180deg);

[Patrick Dubroy, 2013/02/18 10:19:36]

BTW you can also do scaleX(-1) to mirror it. That might be better since it
avoids problems with the centering of the image.

[Sergiu, 2013/02/19 08:58:25]

Done.

+}
+
 .entry-box {
   background-color: none;
 }
@@ -295,11 +303,18 @@ html[dir='rtl'] .site-domain {
   background-size: 16px;
 }
 
+.site-domain button {
+  color: rgb(48, 57, 66);
+}
+
 .site-domain-arrow {
   -webkit-transition: -webkit-transform 300ms linear;
-  color: rgb(143, 143, 143);
+  background: url('../disclosure_triangle_small.png') no-repeat;
+  background-position: 5px 5px;
+  color: #8F8F8F;

[Patrick Dubroy, 2013/02/18 10:19:36]

This should be specified in RGB.

[Sergiu, 2013/02/19 08:58:25]

Done.

   height: 21px;
   margin-right: 2px;
+  opacity: 0.58;
   text-align: center;
   width: 21px;
 }