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 04e5dd9116f68207ec6fb03353be8a0f980c23f7..7247d694a2f9ed2ba1c77fd57b065dbb60542c4b 100644
--- a/chrome/browser/resources/history/history.css
+++ b/chrome/browser/resources/history/history.css
@@ -56,6 +56,17 @@ html[dir=rtl] #range-next {
   float: left;
 }
 
+#range-next img,
+#range-previous img {
+  position: relative;
+  top: 1px;
+}
+
+#range-next:disabled img,
+#range-previous:disabled img {
+  opacity: 0.4;
+}
+
 #display-filter-controls {
   float: right;
 }
@@ -197,7 +208,6 @@ html[dir='rtl'] .number-visits {
 
 .number-visits {
   color: rgb(151, 156, 160);
-  margin-left: 0.3em;
 }
 
 .drop-down {
@@ -247,6 +257,10 @@ html[dir='rtl'] .site-domain {
 }
 </if>
 
+#range-previous img {
+  -webkit-transform: scaleX(-1);
+}
+
 .entry-box {
   background-color: none;
 }
@@ -276,11 +290,22 @@ html[dir='rtl'] .site-domain {
   background-size: 16px;
 }
 
+.site-domain button {
+  color: rgb(48, 57, 66);
+}
+
+.site-domain button:hover {
+  text-decoration: none;
+}
+
 .site-domain-arrow {
   -webkit-transition: -webkit-transform 300ms linear;
+  background: url('../disclosure_triangle_small.png') no-repeat;
+  background-position: 5px 5px;
   color: rgb(143, 143, 143);
   height: 21px;
   margin-right: 2px;
+  opacity: 0.58;
   text-align: center;
   width: 21px;
 }