Bug 1549809 - Style the login-filter to span the header. r=MattN
authorJared Wein <jwein@mozilla.com>
Tue, 14 May 2019 20:06:02 +0000
changeset 532678 06466fbe6b4eab8f0d8cd8d86bcd4777300adfbb
parent 532677 568b13ef38ac0d12559e4a1ac4c9386e3a66a946
child 532679 60941bb2b5242eebb8ec1a855dd5fd06f017bb5b
push id11270
push userrgurzau@mozilla.com
push dateWed, 15 May 2019 15:07:19 +0000
treeherdermozilla-beta@571bc76da583 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersMattN
bugs1549809
milestone68.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 1549809 - Style the login-filter to span the header. r=MattN Differential Revision: https://phabricator.services.mozilla.com/D30756
browser/components/aboutlogins/content/aboutLogins.css
browser/components/aboutlogins/content/components/login-filter.css
--- a/browser/components/aboutlogins/content/aboutLogins.css
+++ b/browser/components/aboutlogins/content/aboutLogins.css
@@ -7,17 +7,24 @@ body {
   grid-template-columns: 280px 1fr;
   grid-template-rows: 75px 1fr;
   grid-template-areas: "header header"
                        "logins login";
   height: 100vh;
 }
 
 header {
+  display: flex;
   grid-area: header;
+  background-color: var(--in-content-box-background);
+}
+
+login-filter {
+  flex: auto;
+  align-self: center;
 }
 
 login-list {
   grid-area: logins;
 }
 
 login-item {
   grid-area: login;
--- a/browser/components/aboutlogins/content/components/login-filter.css
+++ b/browser/components/aboutlogins/content/components/login-filter.css
@@ -1,3 +1,12 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:host {
+  display: flex;
+}
+
+input {
+  margin: 18px;
+  flex: auto;
+}