History: Fix alignment issues in search.

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. */
 
 html[dir=rtl] body.uber-frame > .page {
   -webkit-margin-end: 0;
 }
 
 #top-container {
   margin-top: 16px;
@@ skipping 123 matching lines @@
 }
 
 .gap {
   -webkit-border-end: 1px solid rgb(192, 195, 198);
   height: 14px;
   margin: 1px 0;
   width: 45px;
 }
 
 .entry {
+  -webkit-flex-direction: column;
   display: -webkit-flex;

[Patrick Dubroy, 2013/04/10 12:52:11]

I'm pretty sure you can get rid of all 3 declarations inside this rule.

[Sergiu, 2013/04/10 13:46:46]

Yeah, seems to work fine.

   overflow: auto;
 }
 
 .entry-box,
 .site-domain-wrapper {
   -webkit-align-items: center;
   cursor: default;
   display: -webkit-flex;
   /* An odd line-height ensures a consistent baseline on all platforms. */
   line-height: 1.75em;
@@ skipping 92 matching lines @@
   color: rgb(151, 156, 160);
   min-width: 90px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 90px;
 }
 
 .search-results .time,
 .month-results .time {
+  min-width: 110px;
   width: 110px;
 }
 
 .entry input[type=checkbox] {
   -webkit-margin-end: 6px;
   -webkit-margin-start: 4px;
   line-height: 1em;
 }
 
 <if expr="not pp_ifdef('android')">
@@ skipping 11 matching lines @@
   opacity: 1;
 }
 
 .site-domain-wrapper input[type=checkbox]:focus,
 .entry-box input[type=checkbox]:focus {
   -webkit-transition: opacity 150ms;
 }
 
 .filter-status {
   display: -webkit-flex;
-  -webkit-flex-grow: 1;
+  -webkit-flex: 1 0 auto;
   -webkit-justify-content: flex-end;
 }
 
 .filter-status > div {
+  -webkit-flex: 0 0 auto;
   -webkit-transition: background-color 500ms ease-in-out;
   border-radius: 3px;
   font-size: 11px;
   height: 14px;
   line-height: 12px;
   visibility: hidden;
   white-space: nowrap;
 }
 
 .filter-status > div.filter-allowed,
@@ skipping 32 matching lines @@
 .entry-box {
   background-color: none;
 }
 
 .entry-box:hover,
 .entry-box.contains-focus {
   background-color: rgb(252, 252, 252);
   border-radius: 2px;
 }
 
+.entry-box-container {
+  -webkit-flex-direction: row;

[Patrick Dubroy, 2013/04/10 12:52:11]

You can omit this, it's the default.

[Sergiu, 2013/04/10 13:46:46]

Done.

+  display: -webkit-flex;

[Patrick Dubroy, 2013/04/10 12:52:11]

You'll need to add

  .entry-box-container {
    display: block;
  }

To history_mobile.css to get it work on Android, and remove the change that was
added in
https://codereview.chromium.org/13724008/diff/1/chrome/browser/resources/hist....

[Sergiu, 2013/04/10 13:46:46]

Done.

+}
+
 .entry .title-and-domain {
   display: -webkit-flex;
   min-width: 0;
 }
 
 .entry .title {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ skipping 123 matching lines @@
 }
 
 /* Clear the float to ensure that #results-pagination encloses its children. */
 #results-pagination::after {
   clear: both;
   content: '';
   display: block;
   height: 0;
   visibility: hidden;
 }