Hotfix: list padding borked

This commit is contained in:
James Barnsley
2017-11-22 08:09:18 +13:00
parent 673ef375cb
commit 39faee801a
3 changed files with 23 additions and 14 deletions

View File

@ -93,7 +93,7 @@ class List extends React.Component{
return (
<div className={class_name} key={row_index}>
<div
class="liner"
className="liner"
onClick={e => this.handleClick(e, row.uri)}
onContextMenu={e => this.handleContextMenu(e,row)}>
{

View File

@ -362,9 +362,11 @@ class TrackList extends React.Component{
case 'history':
return (
<div className="list-item header track">
<span className="col name">Name</span>
<span className="col source">Source</span>
<span className="col played_at">Started playing</span>
<div className="liner">
<span className="col name">Name</span>
<span className="col source">Source</span>
<span className="col played_at">Started playing</span>
</div>
</div>
)
break
@ -372,11 +374,13 @@ class TrackList extends React.Component{
case 'queue':
return (
<div className="list-item header track">
<span className="col name">Name</span>
<span className="col artists">Artists</span>
<span className="col album">Album</span>
<span className="col added">Added by</span>
<span className="col duration">Duration</span>
<div className="liner">
<span className="col name">Name</span>
<span className="col artists">Artists</span>
<span className="col album">Album</span>
<span className="col added">Added by</span>
<span className="col duration">Duration</span>
</div>
</div>
)
break
@ -384,10 +388,12 @@ class TrackList extends React.Component{
default:
return (
<div className="list-item header track">
<span className="col name">Name</span>
<span className="col artists">Artists</span>
<span className="col album">Album</span>
<span className="col duration">Duration</span>
<div className="liner">
<span className="col name">Name</span>
<span className="col artists">Artists</span>
<span className="col album">Album</span>
<span className="col duration">Duration</span>
</div>
</div>
)
}

View File

@ -75,7 +75,10 @@
color: $grey;
text-transform: uppercase;
border-top: 0;
padding-bottom: 2px;
.liner {
padding-bottom: 2px;
}
}
&.field {