Name CryptographyPanel CSS classes consistent with style
parent
a547ee4654
commit
0941b38b5d
|
@ -1,14 +1,14 @@
|
||||||
.mx_CryptographyPanel {
|
.mx_CryptographyPanel_sessionInfo {
|
||||||
display: table;
|
display: table;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_CryptographyPanel > li {
|
.mx_CryptographyPanel_sessionInfo > li {
|
||||||
display: table-row;
|
display: table-row;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_CryptographyPanel > li > label,
|
.mx_CryptographyPanel_sessionInfo > li > label,
|
||||||
.mx_CryptographyPanel > li > span {
|
.mx_CryptographyPanel_sessionInfo > li > span {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -72,9 +72,9 @@ export default class CryptographyPanel extends React.Component<IProps, IState> {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='mx_SettingsTab_section'>
|
<div className='mx_SettingsTab_section mx_CryptographyPanel'>
|
||||||
<span className='mx_SettingsTab_subheading'>{ _t("Cryptography") }</span>
|
<span className='mx_SettingsTab_subheading'>{ _t("Cryptography") }</span>
|
||||||
<ul className='mx_SettingsTab_subsectionText mx_CryptographyPanel'>
|
<ul className='mx_SettingsTab_subsectionText mx_CryptographyPanel_sessionInfo'>
|
||||||
<li>
|
<li>
|
||||||
<label>{ _t("Session ID:") }</label>
|
<label>{ _t("Session ID:") }</label>
|
||||||
<span><code>{ deviceId }</code></span>
|
<span><code>{ deviceId }</code></span>
|
||||||
|
|
Loading…
Reference in New Issue