1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-20 00:08:02 +01:00

small button adjustsments

This commit is contained in:
sveisvei 2016-12-10 15:26:28 +01:00
parent 4b9a60a735
commit 6216440644
2 changed files with 18 additions and 22 deletions

View File

@ -52,7 +52,6 @@ export default class FeatureListComponent extends React.PureComponent {
return ( return (
<div> <div>
<div className={styles.topList}> <div className={styles.topList}>
<Chip onClick={() => this.toggleMetrics()} className={styles.topListItem0}> <Chip onClick={() => this.toggleMetrics()} className={styles.topListItem0}>
{ settings.showLastHour && { settings.showLastHour &&
<ChipContact className="mdl-color--teal mdl-color-text--white"> <ChipContact className="mdl-color--teal mdl-color-text--white">
@ -69,7 +68,6 @@ export default class FeatureListComponent extends React.PureComponent {
{ '1 minute' } { '1 minute' }
</Chip> </Chip>
<div className={styles.topListItem2} style={{ margin: '-10px 10px 0 10px' }}> <div className={styles.topListItem2} style={{ margin: '-10px 10px 0 10px' }}>
<Textfield <Textfield
floatingLabel floatingLabel
@ -95,11 +93,8 @@ export default class FeatureListComponent extends React.PureComponent {
</Menu> </Menu>
</div> </div>
<Link to="/features/create" className={styles.topListItem0}> <Link to="/features/create" className={styles.topListItem0}>
<FABButton ripple component="span" mini> <IconButton ripple raised name="add" component="span" mini style={{ color: 'black' }}/>
<Icon name="add" />
</FABButton>
</Link> </Link>
</div> </div>
<ul className="demo-list-item mdl-list"> <ul className="demo-list-item mdl-list">

View File

@ -1,7 +1,7 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Link } from 'react-router'; import { Link } from 'react-router';
import { List, ListItem, ListItemContent, IconButton, Chip } from 'react-mdl'; import { List, ListItem, ListItemContent, Chip, Icon, IconButton } from 'react-mdl';
import { HeaderTitle } from '../common'; import { HeaderTitle } from '../common';
class StrategiesListComponent extends Component { class StrategiesListComponent extends Component {
@ -25,16 +25,17 @@ class StrategiesListComponent extends Component {
return ( return (
<div> <div>
<HeaderTitle title="Strategies" actions={<IconButton name="add" onClick={() => this.context.router.push('/strategies/create')} title="Add new strategy"/>} /> <HeaderTitle title="Strategies"
actions={<IconButton mini raised name="add" onClick={() => this.context.router.push('/strategies/create')} title="Add new strategy" />} />
<List> <List>
{strategies.length > 0 ? strategies.map((strategy, i) => { {strategies.length > 0 ? strategies.map((strategy, i) => {
return ( return (
<ListItem key={i}> <ListItem key={i} twoLine>
<ListItemContent> <ListItemContent icon="extension" subtitle={strategy.description}>
<Link to={`/strategies/view/${strategy.name}`}> <Link to={`/strategies/view/${strategy.name}`}>
<strong>{strategy.name}</strong> <strong>{strategy.name}</strong>
</Link> </Link>
<span> {strategy.description}</span></ListItemContent> </ListItemContent>
<IconButton name="delete" onClick={() => removeStrategy(strategy)} /> <IconButton name="delete" onClick={() => removeStrategy(strategy)} />
</ListItem> </ListItem>
); );