Merge pull request #3732 from vector-im/luke/css-improve-country-dd

Modify CSS for matrix-org/matrix-react-sdk#833
pull/3741/head
David Baker 2017-04-26 10:28:07 +01:00 committed by GitHub
commit c070e86c1f
2 changed files with 16 additions and 15 deletions

View File

@ -176,6 +176,15 @@ limitations under the License.
cursor: pointer;
}
.mx_UserSettings_phoneSection {
display:table;
}
.mx_UserSettings_phoneCountry {
width: 70px;
display: table-cell;
}
input.mx_UserSettings_phoneNumberField {
margin-left: 3px;
width: 172px;

View File

@ -179,11 +179,11 @@ limitations under the License.
align-self: flex-end;
}
.mx_Login_username_group {
.mx_Login_field_group {
display: flex;
}
.mx_Login_username_prefix {
.mx_Login_field_prefix {
height: 33px;
padding: 0px 5px;
line-height: 33px;
@ -196,7 +196,7 @@ limitations under the License.
text-align: center;
}
.mx_Login_username_suffix {
.mx_Login_field_suffix {
height: 33px;
padding: 0px 5px;
line-height: 33px;
@ -214,7 +214,9 @@ limitations under the License.
flex-shrink: 1;
min-width: 0px;
border-radius: 3px;
/* The "@" is always prefixed, so no rounded corners */
}
.mx_Login_field_has_prefix {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
@ -224,13 +226,8 @@ limitations under the License.
border-bottom-right-radius: 0px;
}
.mx_Login_phoneSection {
display: table;
}
.mx_Login_phoneCountry {
display: table-cell;
width: 70px;
margin-bottom: 14px;
}
.mx_Login_phoneCountry .mx_Dropdown_option {
@ -246,8 +243,3 @@ limitations under the License.
margin: 4px;
vertical-align: top;
}
.mx_Login_phoneNumberField {
width: 210px;
margin-left: 3px;
}