Apply chevron padding fix to all applicable `select` elements (#6980)

Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>

CHANGELOG.txt

@@ -34,6 +34,7 @@ Changelog
  * Fix: Validate host/scheme of return URLs on password authentication forms (Susan Dreher)
  * Fix: Reordering a page now includes the correct user in the audit log (Storm Heg)
  * Fix: Reverse migration errors in images and documents (Mike Brown)
+ * Fix: Apply enough chevron padding to all applicable select elements (Scott Cranfill)
 
 
 2.12.3 (05.03.2021)

client/scss/components/_forms.scss

@@ -107,11 +107,11 @@ select::-ms-expand {
             display: none;
         }
     }
-}
 
-// the site setting dropdown is auto width, so the chevron will overlap with text if not padded
-.choice_field .setting-site-switch-form .input select {
-    padding-right: 5em;
+    // Override default select padding so the chevron will overlap with long option text
+    select {
+        padding-right: 5em;
+    }
 }
 
 // Other text

docs/releases/2.13.rst

@@ -61,6 +61,7 @@ Bug fixes
 * Reordering a page now includes the correct user in the audit log (Storm Heg)
 * Fix reverse migration errors in images and documents (Mike Brown)
 * Make "Collection" and "Parent" form field labels translatable (Thibaud Colas)
+* Apply enough chevron padding to all applicable select elements (Scott Cranfill)
 
 
 Upgrade considerations