Bug 1578324 - Cleanup some text-align properties in about:logins. r=jaws

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

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

browser/components/aboutlogins/content/components/login-filter.css

@@ -11,20 +11,22 @@
   background-position: 8px center;
   background-repeat: no-repeat;
   background-size: 16px;
+  text-align: match-parent;
   width: 100%;
   margin: 0;
+  box-sizing: border-box;
   padding-block: 6px;
+}
+
+:host(:dir(ltr)) .filter {
   /* We use separate RTL rules over logical properties since we want the visual direction
      to be independent from the user input direction */
   padding-left: 32px;
-  text-align: left;
-  box-sizing: border-box;
 }
 
 :host(:dir(rtl)) .filter {
   background-position-x: right 8px;
   padding-right: 32px;
-  text-align: right;
 }
 
 .filter:focus {

browser/components/aboutlogins/content/components/login-item.css

@@ -41,7 +41,7 @@ input[type="url"][readOnly] {
   background-color: transparent !important; /* override common.inc.css */
   text-overflow: ellipsis;
   overflow: hidden;
-  text-align: match-parent !important;
+  text-align: match-parent;
 }
 
 .detail-cell input:not([type="checkbox"]),