Bug 1365489 - Show select element drop down arrow in edit profile dialog. r=MattN

MozReview-Commit-ID: KzkxIyKKcy6

--HG--
extra : rebase_source : 5d211606c99084ca6b13800eab86089c69095c52

browser/extensions/formautofill/skin/shared/editProfile.css

@@ -36,7 +36,7 @@ select {
 }
 
 option {
-  padding: 6px;
+  padding: 5px 10px;
 }
 
 textarea {

toolkit/themes/shared/in-content/common.inc.css

@@ -195,6 +195,17 @@ xul|menulist {
   background-color: var(--in-content-page-background);
 }
 
+html|select:not([size]):not([multiple]) {
+  background-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
+  background-position: right 3px center;
+  background-repeat: no-repeat;
+  background-size: auto 18px;
+  font-size: inherit;
+  padding-inline-start: 5px;
+  padding-inline-end: 24px;
+  text-overflow: ellipsis;
+}
+
 html|button:enabled:hover,
 html|select:not([size]):not([multiple]):enabled:hover,
 xul|button:not([disabled="true"]):hover,