From 089740a840ae0fbca5a8055c29c49eb7f1bb8a1b Mon Sep 17 00:00:00 2001 From: Luke Barnard Date: Wed, 17 May 2017 14:25:43 +0100 Subject: [PATCH] CSS for putting country dd on same line as phone input (For login and registration) --- .../matrix-react-sdk/structures/login/_Login.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) 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 index 3537046464..2501b1b1b4 100644 --- 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 {