imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update existing 3PID management UX

Browse source 
This tweaks the appearance of the existing 3PID management UX to use a different
style for the remove button. This styling will more closely match the soon to be
added 3PID discovery settings.

Part of https://github.com/vector-im/riot-web/issues/10159
This commit is contained in:
J. Ryan Stinnett 2019-08-05 16:34:04 +01:00
parent ab05d8c7a4
commit 11f2b4320d
4 changed files with 16 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

10
res/css/views/settings/_EmailAddresses.scss
View file

@ -15,6 +15,8 @@ limitations under the License.
*/
.mx_ExistingEmailAddress {
display: flex;
align-items: center;
margin-bottom: 5px;
}
@ -24,14 +26,12 @@ limitations under the License.
vertical-align: middle;
}
.mx_ExistingEmailAddress_email {
vertical-align: middle;
}
.mx_ExistingEmailAddress_email,
.mx_ExistingEmailAddress_promptText {
flex: 1;
margin-right: 10px;
}
.mx_ExistingEmailAddress_confirmBtn {
margin-right: 5px;
margin-left: 5px;
}

10
res/css/views/settings/_PhoneNumbers.scss
View file

@ -15,6 +15,8 @@ limitations under the License.
*/
.mx_ExistingPhoneNumber {
display: flex;
align-items: center;
margin-bottom: 5px;
}
@ -24,16 +26,14 @@ limitations under the License.
vertical-align: middle;
}
.mx_ExistingPhoneNumber_address {
vertical-align: middle;
}
.mx_ExistingPhoneNumber_address,
.mx_ExistingPhoneNumber_promptText {
flex: 1;
margin-right: 10px;
}
.mx_ExistingPhoneNumber_confirmBtn {
margin-right: 5px;
margin-left: 5px;
}
.mx_PhoneNumbers_input {