From 83efee3b8f780af36f9118ae6ec1586a7f0cfbe1 Mon Sep 17 00:00:00 2001
From: sveisvei <sveinung.rosaker@gmail.com>
Date: Mon, 2 Jan 2017 09:42:40 +0100
Subject: [PATCH] small chips

---
 .../src/component/feature/feature-list-item-component.jsx | 8 ++++----
 frontend/src/component/feature/feature.scss               | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/component/feature/feature-list-item-component.jsx b/frontend/src/component/feature/feature-list-item-component.jsx
index 3a2cd7f783..28b11c79aa 100644
--- a/frontend/src/component/feature/feature-list-item-component.jsx
+++ b/frontend/src/component/feature/feature-list-item-component.jsx
@@ -1,6 +1,6 @@
 import React, { PropTypes } from 'react';
 import { Link } from 'react-router';
-import { Chip, Switch, Icon, IconButton } from 'react-mdl';
+import { Switch, Icon, IconButton } from 'react-mdl';
 import Progress from './progress';
 import { shorten, calc } from '../common';
 
@@ -54,9 +54,9 @@ const Feature = ({
                 </Link>
             </span>
             <span className="mdl-list__item-secondary-action">
-                {strategies && strategies.map((s, i) => <Chip className={[style.iconListItemChip, style.hideLt960].join(' ')} key={i}>
-                    <small>{s.name}</small>
-                </Chip>)}
+                {strategies && strategies.map((s, i) => <span className={[style.iconListItemChip, style.hideLt960].join(' ')} key={i}>
+                    {s.name}
+                </span>)}
             </span>
             <span className="mdl-list__item-secondary-action">
                 <IconButton name="delete" onClick={removeToggle} className={style.iconListItem} />
diff --git a/frontend/src/component/feature/feature.scss b/frontend/src/component/feature/feature.scss
index b10562ea26..75de1f5e72 100644
--- a/frontend/src/component/feature/feature.scss
+++ b/frontend/src/component/feature/feature.scss
@@ -33,6 +33,11 @@
 }
 
 .iconListItemChip {
+    font-size: 10px;
+    line-height: 12px;
+    background-color: #e0e0e0;
+    border-radius: 10px;
+    padding: 5px 8px 4px 8px;
     margin-left: 5px !important;
 }