fix: removed nested logic on css

This commit is contained in:
Liordino Neto 2020-10-09 17:18:15 -03:00 committed by Josh Harvey
parent f7f5cba7c2
commit da7cc04268
2 changed files with 12 additions and 11 deletions

View file

@ -101,7 +101,7 @@ const MachineDetailsRow = ({ it: machine, onActionSuccess }) => {
<Label>Statuses</Label> <Label>Statuses</Label>
<ul className={classes.list}> <ul className={classes.list}>
{machine.statuses.map((status, index) => ( {machine.statuses.map((status, index) => (
<li key={index}> <li className={classes.item} key={index}>
<Status status={status} /> <Status status={status} />
</li> </li>
))} ))}
@ -113,8 +113,9 @@ const MachineDetailsRow = ({ it: machine, onActionSuccess }) => {
{machine.statuses {machine.statuses
.map(article) .map(article)
.map(({ label, article }, index) => ( .map(({ label, article }, index) => (
<li key={index}> <li className={classes.item} key={index}>
<a <a
className={classes.link}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
href={article}> href={article}>

View file

@ -35,15 +35,15 @@ const machineDetailsStyles = {
list: { list: {
padding: 0, padding: 0,
margin: 0, margin: 0,
listStyle: 'none', listStyle: 'none'
'& > li': { },
height: spacer * 3, item: {
marginBottom: spacer * 1.5, height: spacer * 3,
'& > a, & > a:visited': { marginBottom: spacer * 1.5
color: primaryColor, },
textDecoration: 'none' link: {
} color: primaryColor,
} textDecoration: 'none'
}, },
divider: { divider: {
margin: '0 1rem' margin: '0 1rem'