[Search] Modify the First-run experience in Landscape mode

chrome/browser/resources/contextual_search/promo.css

Index: chrome/browser/resources/contextual_search/promo.css
diff --git a/chrome/browser/resources/contextual_search/promo.css b/chrome/browser/resources/contextual_search/promo.css
index 309f4761d249b3c159d8f2d2a6657f5edc9971f3..8e0d5ee3666ba72bdf10c3aefa2f37141612359e 100644
--- a/chrome/browser/resources/contextual_search/promo.css
+++ b/chrome/browser/resources/contextual_search/promo.css
@@ -24,7 +24,7 @@ a.colored-link {
 }
 
 #button-container {
-  text-align: right;
+  text-align: end;
   width: 100%;
 }
 
@@ -49,11 +49,38 @@ a.colored-link {
 }
 
 #header-image {
-  display: block;
   height: 100px;
   margin: 0 auto 24px auto;
 }
 
+.portrait {
+  display: block;
+}
+

[huangs, 2014/10/02 18:29:33]

NIT: Remove spaces between #heading, #header-image, .portrait, .landscape , to
match contents in the @media.

[Mathieu, 2014/10/02 18:40:09]

Done.

+.landscape {
+  display: none;
+}
+
+/* Landscape */
+@media screen and (orientation:landscape) {
+  #heading {
+    padding-top: 16px;
+  }
+  #header-image {
+    margin: 0 24px;
+  }
+  .portrait {
+    display: none;
+  }
+  .landscape {
+    display: block;
+    float: left;
+  }
+  html[dir='rtl'] .landscape {
+    float: right;
+  }
+}
+
 .label {
   display: inline-block;
   font-size: 14px;