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

View File

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