Fix ctb and user-permission list item spacing

This commit is contained in:
cyril lopez 2018-01-25 17:39:56 +01:00
parent 415d826296
commit a80b0e18b7
4 changed files with 12 additions and 9 deletions

View File

@ -105,6 +105,10 @@
text-overflow: ellipsis;
}
> i {
align-self: center;
margin-right: 52px;
}
}
.descriptionContainer {

View File

@ -51,8 +51,11 @@ class TableListRow extends React.Component { // eslint-disable-line react/prefer
return (
<ListRow onClick={this.handleGoTo}>
<div className="col-md-1"><i className={`fa ${this.props.rowItem.icon}`} /></div>
<div className={`col-md-3 ${styles.italic} ${styles.nameContainer}`}><span style={{ width: spanStyle }}>{startCase(this.props.rowItem.name)} &nbsp;{pluginSource}</span> {temporary}</div>
<div className={`col-md-4 ${styles.italic} ${styles.nameContainer}`}>
<i className={`fa ${this.props.rowItem.icon}`} />
<span style={{ width: spanStyle }}>{startCase(this.props.rowItem.name)} &nbsp;{pluginSource}</span>
&nbsp;{temporary}
</div>
<div className={`col-md-5 text-center ${styles.descriptionContainer}`}>
<div>
{description}

View File

@ -51,7 +51,7 @@ class ListRow extends React.Component { // eslint-disable-line react/prefer-stat
}
return (
<div className={cn('row', styles.wrapper)}>
<div className={cn('row', styles.wrapper)} style={{ paddingLeft: '20px'}}>
<div className="col-md-2">
<b>{this.props.item.name}</b>
</div>

View File

@ -22,11 +22,12 @@
.flex {
display: flex;
justify-content: space-between;
padding-left: 7px;
font-weight: 600;
text-transform: capitalize;
> div:last-child {
width: 80%;
margin-left: 52px;
padding-left: 7px;
text-align: left;
}
@ -46,18 +47,13 @@
.wrapper {
> div:first-child {
text-align: left;
}
> div:nth-of-type(2) {
text-align: center;
}
strong {
font-weight: 600;
}
b {
font-weight: 500;
}