Bug 1198935 - Set about: pages header height to 48px. r?margaret draft
authorRay Lin <ralin@mozilla.com>
Thu, 14 Apr 2016 15:23:12 +0800
changeset 352385 1aff9a7e8068fb452ed9bf30bd6713580db7f8e2
parent 349571 21bf1af375c1fa8565ae3bb2e89bd1a0809363d4
child 518656 9f4d17a62e93fc30c525bf9e042d84e7225b4bee
push id15697
push userbmo:ralin@mozilla.com
push dateMon, 18 Apr 2016 04:12:31 +0000
reviewersmargaret
bugs1198935
milestone48.0a1
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;