Bug 785885 - Adjust/tweak text positioning in landscape layout in about:feedback. r=mfinkle
authorMargaret Leibovic <margaret.leibovic@gmail.com>
Mon, 27 Aug 2012 17:50:32 -0700
changeset 105659 c1a0b963ffb1b583c87abb6b9c2fa0f0bb793269
parent 105658 1bbd007974326b6bd373b4f87afb5b22d73a8870
child 105660 386e9555a105a49baeb5615ad0bf5c296e61b195
push id55
push usershu@rfrn.org
push dateThu, 30 Aug 2012 01:33:09 +0000
reviewersmfinkle
bugs785885
milestone18.0a1
Bug 785885 - Adjust/tweak text positioning in landscape layout in about:feedback. r=mfinkle
mobile/android/themes/core/aboutFeedback.css
--- a/mobile/android/themes/core/aboutFeedback.css
+++ b/mobile/android/themes/core/aboutFeedback.css
@@ -3,17 +3,17 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 body {
   -moz-text-size-adjust: none;
   font-family: Roboto,"Droid Sans",helvetica,arial,clean,sans-serif;
   font-size: 14px;
   color: #222;
   background-image: url("chrome://browser/skin/images/about-bg-lightblue.png");
-  padding: 40px 10px 10px 10px;
+  padding: 10px;
 }
 
 a {
   color: #004b98;
 }
 
 section {
   max-width: 500px;
@@ -23,17 +23,17 @@ section {
 
 section:not([active]) {
   display: none;
 }
 
 .header {
   font-size: 24px;
   text-align: center;
-  margin-top: 20px;
+  margin-top: 0;
 }
 
 .message-box,
 .message-box-bottom,
 .link-box,
 .link-box-bottom {
   background-color: #e4e9ee;
   padding: 15px;
@@ -79,32 +79,51 @@ section:not([active]) {
   background-repeat: no-repeat;
   background-color: #e4e9ee;
 }
 
 .link-box-bottom:active > .stars {
   background-color: transparent;
 }
 
+@media screen and (max-height: 400px) {
+  .bottom-links,
+  #sumo-message {
+    margin-top: 20px;
+  }
+}
+
+@media not screen and (max-height: 400px) {
+  body {
+    padding-top: 40px;
+  }
+
+  .bottom-links {
+    position: absolute;
+    left: 0;
+    bottom: 40px;
+  }
+
+  #sumo-message {
+    position: absolute;
+    bottom: 20px;
+  }
+}
+
 .bottom-links {
   text-align: center;
-  position: absolute;
-  left: 0;
-  bottom: 40px;
   width: 100%;
 }
 
 .bottom-links > a {
   margin: 0 25px;
   text-decoration: underline;
 }
 
 #sumo-message {
-  position: absolute;
-  bottom: 20px;
   color: #444;
   -moz-padding-end: 30px;
 }
 
 .description,
 #last-url {
   font-family: Roboto,"Droid Sans",helvetica,arial,clean,sans-serif;
   font-size: 14px;