Bug 1198935 - Set about: pages header height to 48px. r=margaret
authorRay Lin <ralin@mozilla.com>
Thu, 14 Apr 2016 15:23:12 +0800
changeset 331504 cfdf310748918c3d5eadc16daa5153091e325995
parent 331503 7dd5ac3bed0c5193dc2b76bbc3816bc320dcb1d4
child 331505 fae9c42677310d5dbe380e6e70efff2d46a99cc5
push id6048
push userkmoir@mozilla.com
push dateMon, 06 Jun 2016 19:02:08 +0000
treeherdermozilla-beta@46d72a56c57d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmargaret
bugs1198935
milestone48.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1198935 - Set about: pages header height to 48px. r=margaret MozReview-Commit-ID: 6KfJytmDU93
mobile/android/themes/core/aboutBase.css
mobile/android/themes/core/aboutLogins.css
--- a/mobile/android/themes/core/aboutBase.css
+++ b/mobile/android/themes/core/aboutBase.css
@@ -23,26 +23,27 @@ input {
 }
 
 .header {
   color: #363B40;
   font-size: 1.1em;
   font-weight: bold;
   background-color: #f5f5f5;
   border-bottom: 2px solid;
-  -moz-border-bottom-colors: #ff9100 #f27900;
+  -moz-border-bottom-colors: #FF9500;
   display: flex;
   flex-direction: row;
   align-items: center;
+  height: 48px;
 }
 
 .header > div {
   flex: 1;
-  padding: 1em;
-  -moz-padding-start: 1.5em;
+  padding: 10px;
+  -moz-padding-start: 16px;
 }
 
 #header-button {
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 33px 33px;
   flex: 0;
   height: 100%;
--- a/mobile/android/themes/core/aboutLogins.css
+++ b/mobile/android/themes/core/aboutLogins.css
@@ -30,26 +30,32 @@ body {
 }
 
 .realm {
   /* hostname is not localized, so keep the margin on the left side */
   margin-left: .67em;
 }
 
 .toolbar-buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   list-style: none;
+  margin: 0px;
+  padding: 0px;
+  height: 48px;
+  width: 48px;
 }
 
 .toolbar-buttons > li {
   background-position: center;
   background-size: 24px 24px;
   background-repeat: no-repeat;
   height: 20px;
   width: 20px;
-  margin: 0 15px;
 }
 
 #filter-input-container {
   position: fixed;
   bottom: 0;
   width: 100%;
   padding: 10px 0;
   display: flex;