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': { },
item: {
height: spacer * 3, height: spacer * 3,
marginBottom: spacer * 1.5, marginBottom: spacer * 1.5
'& > a, & > a:visited': { },
link: {
color: primaryColor, color: primaryColor,
textDecoration: 'none' textDecoration: 'none'
}
}
}, },
divider: { divider: {
margin: '0 1rem' margin: '0 1rem'