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

View File

@ -1,7 +1,7 @@
import React, { Component } from 'react';
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';
class StrategiesListComponent extends Component {
@ -25,16 +25,17 @@ class StrategiesListComponent extends Component {
return (
<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>
{strategies.length > 0 ? strategies.map((strategy, i) => {
return (
<ListItem key={i}>
<ListItemContent>
<ListItem key={i} twoLine>
<ListItemContent icon="extension" subtitle={strategy.description}>
<Link to={`/strategies/view/${strategy.name}`}>
<strong>{strategy.name}</strong>
</Link>
<span> {strategy.description}</span></ListItemContent>
</ListItemContent>
<IconButton name="delete" onClick={() => removeStrategy(strategy)} />
</ListItem>
);