Bug 1568359 - Update about:logins header to match the spec. r=jaws

Differential Revision: https://phabricator.services.mozilla.com/D40742

--HG--
extra : moz-landing-system : lando

browser/components/aboutlogins/content/aboutLogins.css

@@ -17,10 +17,12 @@ header {
   align-items: center;
   background-color: var(--in-content-box-background);
   border-bottom: 1px solid var(--in-content-box-border-color);
-  padding: 0 18px;
+  padding-inline: 60px 23px;
 }
 
 login-filter {
+  max-width: 30%;
+  margin: auto;
   flex-grow: 1;
   align-self: center;
 }
@@ -52,9 +54,6 @@ login-item {
 #branding-logo {
   height: 32px;
   margin-inline-end: 18px;
-}
-
-#branding-logo {
   -moz-context-properties: fill;
   fill: #20123a;
 }

browser/components/aboutlogins/content/components/fxaccounts-button.css

@@ -11,9 +11,8 @@
 .fxaccounts-extra-text {
   color: var(--in-content-deemphasized-text);
   font-size: smaller;
-  width: 250px;
+  max-width: 20ch;
   text-align: end;
-  margin-inline-start: 36px;
 }
 
 .fxaccounts-avatar-button,