Name CryptographyPanel CSS classes consistent with style

pull/21833/head
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; 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;
} }

View File

@ -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>