Elide origins for passwords settings in CSS instead of JS

chrome/browser/resources/options/password_manager_list.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 #saved-passwords-list .list-inline-button {
   -webkit-transition: opacity 150ms;
   background: rgb(138, 170, 237);
   font-size: 0.9em;
   height: 18px;
   margin-left: 2px;
@@ skipping 50 matching lines @@
 }
 
 #password-exceptions-list .url {
   -webkit-box-flex: 1;
 }
 
 #saved-passwords-list .url,
 #saved-passwords-list .name,
 #saved-passwords-list .federation,
 #password-exceptions-list .url {
+  direction: rtl;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
+html[dir='ltr'] #saved-passwords-list .url,
+html[dir='ltr'] #password-exceptions-list .url {
+   -webkit-margin-end: 7px;

[vabr (Chromium), 2016/12/10 23:39:43]

These numbers seem a bit random. But I stole them from what has been in before
https://codereview.chromium.org/2567693002/ and they seem to work.

[kolos1, 2016/12/12 09:55:57]

The links points to this CL. 

[vabr (Chromium), 2016/12/12 10:35:52]

Thanks! The correct link should have been
https://codereview.chromium.org/1823423002.

+   -webkit-margin-start: 0;
+   -webkit-padding-end: 26px;
+   -webkit-padding-start: 3px;
+   text-align: left;

[Dan Beam, 2016/12/13 04:07:33]

don't we have to set direction: ltr in the RTL case as well?  can you send me
screenshots of both directionalities?

+}