Fix list styles

This commit is contained in:
Ildar Kamalov 2019-02-20 12:02:46 +03:00
parent a60eeb55f1
commit de08b53ae1
2 changed files with 21 additions and 11 deletions

View File

@ -192,7 +192,7 @@ let Form = (props) => {
<div className="form__label form__label--bold">
<Trans>encryption_status</Trans>:
</div>
<ul>
<ul className="encryption__list">
<li className={valid_chain ? 'text-success' : 'text-danger'}>
{valid_chain ?
<Trans>encryption_chain_valid</Trans>
@ -256,16 +256,18 @@ let Form = (props) => {
<div className="form__label form__label--bold">
<Trans>encryption_status</Trans>:
</div>
<p className={valid_key ? 'text-success' : 'text-danger'}>
{valid_key ?
<Trans values={{ type: key_type }}>
encryption_key_valid
</Trans>
: <Trans values={{ type: key_type }}>
encryption_key_invalid
</Trans>
}
</p>
<ul className="encryption__list">
<li className={valid_key ? 'text-success' : 'text-danger'}>
{valid_key ?
<Trans values={{ type: key_type }}>
encryption_key_valid
</Trans>
: <Trans values={{ type: key_type }}>
encryption_key_invalid
</Trans>
}
</li>
</ul>
</Fragment>
}
</div>

View File

@ -68,3 +68,11 @@
font-size: 14px;
line-height: 1.7;
}
.encryption__list {
padding-left: 0;
}
.encryption__list li {
list-style: inside;
}