Clean up css in Locale

-#locale-translate-edit-form tr .form-type-item abbr.ajax-changed {
+#locale-translate-edit-form .form-type-item abbr.ajax-changed {
   position: absolute;
 }

abbr.ajax-changed is a globally issue to every AJAX-change.

After applying the patch....

rob@Computron /var/www/drupal/8 $ node ../../csslint/release/npm/cli.js core/modules/locale/

csslint: No errors in core/modules/locale//locale.admin-rtl.css.

csslint: There are 11 problems in core/modules/locale//locale.admin.css.

locale.admin.css
1: warning at line 5, col 3
Using width with padding-right can sometimes make elements larger than you expect.
padding-right: 1em; /* LTR */

locale.admin.css
2: warning at line 19, col 22
Values of 0 shouldn't have units specified.
padding: 3.5ex 0 0 0em; /* LTR */

locale.admin.css
3: warning at line 21, col 1
Don't use IDs in selectors.
#locale-translate-edit-form th{

locale.admin.css
4: warning at line 25, col 1
Don't use IDs in selectors.
#locale-translate-edit-form .form-item{

locale.admin.css
5: warning at line 28, col 1
Don't use IDs in selectors.
#locale-translate-edit-form td {

locale.admin.css
6: warning at line 32, col 1
Don't use IDs in selectors.
#locale-translate-edit-form .changed {

locale.admin.css
7: warning at line 36, col 1
Don't use IDs in selectors.
#locale-translate-edit-form .form-type-item abbr.ajax-changed {

locale.admin.css
8: warning at line 36, col 45
Element (abbr.ajax-changed) is overqualified, just use .ajax-changed without element name.
#locale-translate-edit-form .form-type-item abbr.ajax-changed {

locale.admin.css
9: warning at line 44, col 1
2 IDs in the selector, really?
#locale-translate-edit-form #edit-strings .locale-translate-edit-table {

locale.admin.css
10: warning at line 48, col 43
Don't use adjoining classes.
#locale-translate-edit-form #edit-strings .locale-translate-edit-table.changed {

locale.admin.css
11: warning at line 48, col 1
2 IDs in the selector, really?
#locale-translate-edit-form #edit-strings .locale-translate-edit-table.changed {

Seems like I uploaded a wrong patch.

rob@Computron /var/www/drupal/8 $ node ../../csslint/release/npm/cli.js core/modules/locale/

csslint: No errors in core/modules/locale//locale-rtl.css.

csslint: No errors in core/modules/locale//locale.admin-rtl.css.

csslint: No errors in core/modules/locale//locale.admin.css.

-#locale-translate-edit-form tr .form-type-item abbr.ajax-changed {
+.locale-translate-edit-form tr .form-type-item .ajax-changed {
   position: absolute;
 }

no position: absolute; for following message

"* Changes made in this table will not be saved until the form is submitted."

my editor su*

Just created #1799124: locale-rtl.css is out of sync with locale.admin.css, is never included due to incorrect filename which is related to this issue.

#6: locale2.patch queued for re-testing.

Updated patch to work with latest dev.

locale.admin.css = CSS lint found 0 errors and 0 warnings.
locale.rtl.css = CSS lint found 0 errors and 0 warnings.

Well, that was a stupid mistake. New try!

Wonderful, works as expected. Just added spaces before { to meet css styles.

CSS changes need manual testing in all browsers and all affected core themes:

1. Test pages where the relevant classes are used without the patch applied.
2. Apply the patch, clear the site and browser caches, and test again. Confirm that there are no changes or regressions.

Post before-and-after screenshots for one browser/theme.

I've confirmed that there are no changes. Screenshots attached. Setting back to RTBC since manual testing is done.

Thanks @dnotes!

Awesome work! Committed and pushed to 8.x. :)

Removing Needs screenshots tag. Marked Closed. Issue queue cleanup for those searching for issues needing screenshots.