diff --git a/res/css/views/dialogs/_TermsDialog.scss b/res/css/views/dialogs/_TermsDialog.scss index df2a72010f..aad679a5b3 100644 --- a/res/css/views/dialogs/_TermsDialog.scss +++ b/res/css/views/dialogs/_TermsDialog.scss @@ -40,6 +40,7 @@ limitations under the License. } .mx_TermsDialog_link { + display: inline-block; mask-image: url('$(res)/img/external-link.svg'); background-color: $accent-color; width: 10px; diff --git a/src/components/views/dialogs/TermsDialog.js b/src/components/views/dialogs/TermsDialog.js index 20c9fe5367..1e706ff1a7 100644 --- a/src/components/views/dialogs/TermsDialog.js +++ b/src/components/views/dialogs/TermsDialog.js @@ -90,21 +90,17 @@ export default class TermsDialog extends React.PureComponent { } } - _summaryForServiceType(serviceType, docName) { + _summaryForServiceType(serviceType) { switch (serviceType) { case Matrix.SERVICE_TYPES.IS: return
{_t("Find others by phone or email")}
{_t("Be found by phone or email")} - {docName !== null ?
: ''} - {docName !== null ? '('+docName+')' : ''}
; case Matrix.SERVICE_TYPES.IM: return
{_t("Use bots, bridges, widgets and sticker packs")} - {docName !== null ?
: ''} - {docName !== null ? '('+docName+')' : ''}
; } } @@ -133,14 +129,13 @@ export default class TermsDialog extends React.PureComponent { } const summary = this._summaryForServiceType( policiesAndService.service.serviceType, - policyValues.length > 1 ? termDoc[termsLang].name : null, ); rows.push( {serviceName} {summary} - -
+ {termDoc[termsLang].name} +