Merge pull request #3959 from vector-im/luke/improve-country-dd-4

CSS for left_aligned Dropdowns, and adjustments for Country dd in Login
element-hq · May 18, 2017 · 53f0a6b · 53f0a6b
2 parents 1460eae + d0adfb6
commit 53f0a6b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss b/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
@@ -237,7 +237,7 @@ limitations under the License.
 
 .mx_Login_phoneCountry {
     margin-bottom: 14px;
-    width: 145px;
+    width: 150px;
 
     /* To override mx_Login_field_prefix */
     text-align: left;

diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/_Dropdown.scss b/src/skins/vector/css/matrix-react-sdk/views/elements/_Dropdown.scss
@@ -48,6 +48,14 @@ limitations under the License.
     width: 0
 }
 
+.mx_Dropdown.left_aligned .mx_Dropdown_arrow {
+    left: 10px;
+}
+
+.mx_Dropdown.left_aligned .mx_Dropdown_input > .mx_Dropdown_option {
+    padding-left: 25px;
+}
+
 .mx_Dropdown_option {
     height: 35px;
     line-height: 35px;