History: Fix alignment issues in search.

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 2dab29b083b374368343f7010b203d1d9b17484d..761d48eb7276d4ba3048fdd18cd871a58a5d6b23 100644
--- a/chrome/browser/resources/history/history.css
+++ b/chrome/browser/resources/history/history.css
@@ -141,6 +141,7 @@ html[dir=rtl] #range-next {
 }
 
 .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;
 }
@@ -254,6 +255,7 @@ html[dir='rtl'] .site-domain {
 
 .search-results .time,
 .month-results .time {
+  min-width: 110px;
   width: 110px;
 }
 
@@ -285,11 +287,12 @@ html[dir='rtl'] .site-domain {
 
 .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;
@@ -342,6 +345,11 @@ html[dir='rtl'] .site-domain {
   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;