Vertically center download start/stop icon

This commit is contained in:
Alex Liebowitz 2016-05-16 05:54:58 -04:00
parent f8f1d97150
commit 6ac17ae675
2 changed files with 5 additions and 4 deletions

View file

@ -262,11 +262,8 @@ var TopBar = React.createClass({
<CreditAmount amount={this.state.balance}/> <CreditAmount amount={this.state.balance}/>
</span> </span>
<Link href='/?files' title="My Files" icon='icon-cloud-download' /> <Link href='/?files' title="My Files" icon='icon-cloud-download' />
{ ' ' }
<Link href='/?settings' title="Settings" icon='icon-gear' /> <Link href='/?settings' title="Settings" icon='icon-gear' />
{ ' ' }
<Link href='/?help' title="Help" icon='icon-question-circle' /> <Link href='/?help' title="Help" icon='icon-question-circle' />
{ ' ' }
<Link href="/?start" title="Start" onClick={this.onClose} icon="icon-close" <Link href="/?start" title="Start" onClick={this.onClose} icon="icon-close"
style={closeIconStyle} hidden={!this.state.showClose} /> style={closeIconStyle} hidden={!this.state.showClose} />
</span> </span>

View file

@ -128,6 +128,10 @@ input[type="search"]
{ {
color: $color-primary; color: $color-primary;
text-decoration: underline; text-decoration: underline;
.icon:first-child
{
padding-right: 5px;
}
&:hover &:hover
{ {
opacity: 0.70; opacity: 0.70;
@ -135,7 +139,7 @@ input[type="search"]
} }
} }
.icon { .icon:only-child {
position: relative; position: relative;
top: 0.16em; top: 0.16em;
} }