Bug 1198935 - Set about: pages header height to 48px. r?margaret
MozReview-Commit-ID: 6KfJytmDU93
--- 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;