History: Use images instead of unicode characters.

chrome/browser/resources/history/history.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 body:not(.uber-frame) {
   color: rgb(48, 57, 66);
   margin: 0 8px 0 8px;
 }
 
 #editing-controls,
@@ skipping 218 matching lines @@
 .entry-box:hover input[type=checkbox],
 .entry-box input[type=checkbox]:focus {
   opacity: 1;
 }
 
 .entry-box input[type=checkbox]:focus {
   -webkit-transition: opacity 150ms;
 }
 </if>
 
+#range-previous img {
+  -webkit-transform: rotate(180deg);
+  margin-top: -1px;

[James Hawkins, 2013/02/07 19:37:29]

Why the need for -1, 1?

[Sergiu, 2013/02/08 10:01:17]

Initially I thought it wasn't aligned properly but it was, removed them.

+}
+
+#range-next img {
+  margin-top: 1px;
+}
+
 .entry-box {
   background-color: none;
 }
 
 .entry-box:hover,
 .entry-box.contains-focus {
   background-color: rgb(252, 252, 252);
   border-radius: 2px;
 }
 
 .entry .title {
   -webkit-box-flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .day-results > .entry .title,
 .search-results > .entry .title,
 .site-domain {
   /* Make room for the favicon. */
   -webkit-padding-start: 20px;
 
   /* Control the favicon appearance. */
   background-position-y: 3px;
   background-repeat: no-repeat;
   background-size: 16px;
 }
 
+.site-domain a {

[James Hawkins, 2013/02/07 19:37:29]

It's not being decorated like an anchor; is it going to act like an anchor?

[Patrick Dubroy, 2013/02/07 19:38:43]

I think it should look and behave like a regular link, but clicking on it should
expand the items below it.

[James Hawkins, 2013/02/07 19:42:54]

Ah, so it's a link-button.  We have that in
chrome/browser/resources/widgets.css.

[Sergiu, 2013/02/08 10:01:17]

I've set them to that, although I hope it's not too confusing for the users
(which could expect that clicking on the grouped "www.google.com" link takes
them to google.com while it just expands that group).

+  color: black;
+  text-decoration: none;
+}
+
 .site-domain-arrow {
   -webkit-transition: -webkit-transform 300ms linear;
+  background: url('../triangle_small_right.png') no-repeat;
+  background-position: 5px 5px;
   color: #8F8F8F;
   height: 21px;
   margin-right: 2px;
   text-align: center;
   width: 21px;
 }
 
 .site-domain-arrow.collapse {
   -webkit-transform: rotate(0);
 }
@@ skipping 30 matching lines @@
 
 .menu-button.drop-down {
   position: relative;
   top: 2px;
 }
 
 #action-menu > :not(hr) {
   line-height: 29px;
   outline: none;
 }