Moved inline row into a new class inside row.scss and applied same rule for channel and share

This commit is contained in:
Minesh Mitha 2018-10-22 21:57:39 +01:00
parent 954bc189d7
commit 22a5b2581d
3 changed files with 82 additions and 58 deletions

View file

@ -33,4 +33,3 @@
}
}
}

View file

@ -58,3 +58,25 @@
}
}
@media (max-width: $break-point-tablet) and (min-width: $break-point-phone) {
.tablet-inline-row {
display: flex;
justify-content: space-between;
width: 100%;
>.row {
flex: 1;
margin: 0 15px;
&:first-child {
margin-left: 0;
}
&:last-child {
margin-right: 0;
}
}
}
}

View file

@ -24,6 +24,7 @@ class AssetInfo extends React.Component {
}
rightSide={
<div className='asset-information'>
<div className='tablet-inline-row'>
{channelName && (
<Row>
<RowLabeledAlt
@ -53,7 +54,8 @@ class AssetInfo extends React.Component {
}
/>
</Row>
</div>
<div className='tablet-inline-row'>
<Row>
<RowLabeledAlt
label={
@ -90,6 +92,7 @@ class AssetInfo extends React.Component {
}
/>
</Row>
</div>
<Row>
<SpaceBetween>