Name CryptographyPanel CSS classes consistent with style

This commit is contained in:
Andy Balaam 2021-10-15 16:09:36 +01:00
parent a547ee4654
commit 0941b38b5d
2 changed files with 6 additions and 6 deletions

View File

@ -1,14 +1,14 @@
.mx_CryptographyPanel {
.mx_CryptographyPanel_sessionInfo {
display: table;
padding-left: 0;
}
.mx_CryptographyPanel > li {
.mx_CryptographyPanel_sessionInfo > li {
display: table-row;
}
.mx_CryptographyPanel > li > label,
.mx_CryptographyPanel > li > span {
.mx_CryptographyPanel_sessionInfo > li > label,
.mx_CryptographyPanel_sessionInfo > li > span {
display: table-cell;
padding-right: 1em;
}

View File

@ -72,9 +72,9 @@ export default class CryptographyPanel extends React.Component<IProps, IState> {
}
return (
<div className='mx_SettingsTab_section'>
<div className='mx_SettingsTab_section mx_CryptographyPanel'>
<span className='mx_SettingsTab_subheading'>{ _t("Cryptography") }</span>
<ul className='mx_SettingsTab_subsectionText mx_CryptographyPanel'>
<ul className='mx_SettingsTab_subsectionText mx_CryptographyPanel_sessionInfo'>
<li>
<label>{ _t("Session ID:") }</label>
<span><code>{ deviceId }</code></span>