diff --git a/res/css/views/settings/_CryptographyPanel.scss b/res/css/views/settings/_CryptographyPanel.scss index 2290791d5d..095218addf 100644 --- a/res/css/views/settings/_CryptographyPanel.scss +++ b/res/css/views/settings/_CryptographyPanel.scss @@ -1,16 +1,17 @@ .mx_CryptographyPanel_sessionInfo { - display: table; - padding-left: 0; + padding: 0em; + border-spacing: 0px; +} +.mx_CryptographyPanel_sessionInfo > tr { + vertical-align: baseline; + padding: 0em; } -.mx_CryptographyPanel_sessionInfo > li { - display: table-row; -} - -.mx_CryptographyPanel_sessionInfo > li > label, -.mx_CryptographyPanel_sessionInfo > li > span { - display: table-cell; +.mx_CryptographyPanel_sessionInfo > tr > td { + padding-bottom: 0em; + padding-left: 0em; padding-right: 1em; + padding-top: 0em; } .mx_CryptographyPanel_importExportButtons .mx_AccessibleButton { diff --git a/src/components/views/settings/CryptographyPanel.tsx b/src/components/views/settings/CryptographyPanel.tsx index 1e1cb3ba68..67a3e8aa75 100644 --- a/src/components/views/settings/CryptographyPanel.tsx +++ b/src/components/views/settings/CryptographyPanel.tsx @@ -74,16 +74,16 @@ export default class CryptographyPanel extends React.Component { return (
{ _t("Cryptography") } - + + + + + + + + + +
{ _t("Session ID:") }{ deviceId }
{ _t("Session key:") }{ identityKey }
{ importExportButtons } { noSendUnverifiedSetting }