CSS for putting country dd on same line as phone input

(For login and registration)
2017-05-17 14:25:43 +01:00 · 2017-05-17 14:25:43 +01:00 · 089740a840
parent 7ea0ecd125
commit 089740a840
1 changed files with 14 additions and 0 deletions
--- a/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/login/_Login.scss
@ -231,8 +231,22 @@ limitations under the License.
    border-bottom-right-radius: 0px;
 }

+.mx_Login_phoneSection {
+    display:flex;
+}
+
 .mx_Login_phoneCountry {
    margin-bottom: 14px;
+    width: 145px;
+
+    /* To override mx_Login_field_prefix */
+    text-align: left;
+    padding: 0px;
+}
+
+.mx_Login_field_prefix .mx_Dropdown_input {
+    /* To use prefix border instead of dropdown border */
+    border: 0;
 }

 .mx_Login_phoneCountry .mx_Dropdown_option {