Tweak torrent details

This commit is contained in:
John Furrow
2016-03-28 19:43:26 -07:00
parent 5a99548051
commit 69b721bf63
2 changed files with 17 additions and 17 deletions
+13 -13
View File
@@ -204,7 +204,7 @@ $torrent--background--error: #e95779;
&--tertiary {
color: $torrent--tertiary--foreground;
display: block;
font-size: 0.75em;
font-size: 0.7em;
margin: 1px 0;
li {
@@ -255,27 +255,27 @@ $torrent--background--error: #e95779;
}
&--completed {
width: 100px;
width: 90px;
}
&--uploaded {
width: 60px;
width: 55px;
}
&--size {
width: 60px;
}
&--peers {
width: 60px;
}
&--seeds {
width: 60px;
width: 55px;
}
&--added {
width: 90px;
width: 80px;
}
&--peers {
width: 55px;
}
&--seeds {
width: 55px;
}
&--eta {
@@ -108,6 +108,10 @@ export default class Torrent extends React.Component {
{totalSize.value}
<em className="unit">{totalSize.unit}</em>
</li>
<li className="torrent__details--added">
<span className="torrent__details__icon"><CalendarIcon /></span>
{addedString}
</li>
<li className="torrent__details--peers">
<span className="torrent__details__icon"><PeersIcon /></span>
{torrent.connectedPeers} <em className="unit">of</em> {torrent.totalPeers}
@@ -116,10 +120,6 @@ export default class Torrent extends React.Component {
<span className="torrent__details__icon"><SeedsIcon /></span>
{torrent.connectedSeeds} <em className="unit">of</em> {torrent.totalSeeds}
</li>
<li className="torrent__details--added">
<span className="torrent__details__icon"><CalendarIcon /></span>
{addedString}
</li>
</ul>
<ProgressBar percent={torrent.percentComplete} icon={torrentStatusIcon} />
<button className="torrent__more-info floating-action__button"