From 2d0fb8fe02ee94408ec5c6870cd4f9b17b486a35 Mon Sep 17 00:00:00 2001
From: sveisvei <sveinung.rosaker@gmail.com>
Date: Fri, 6 Jan 2017 12:53:53 +0100
Subject: [PATCH] re-add small chips in feature-list

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

diff --git a/frontend/src/component/feature/feature-list-item-component.jsx b/frontend/src/component/feature/feature-list-item-component.jsx
index 31f639fd4f..8edd528ca7 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 } from 'react-mdl';
+import { Switch, Icon } from 'react-mdl';
 import Progress from './progress';
 import { shorten, calc, styles as commonStyles } from '../common';
 
@@ -48,9 +48,9 @@ const Feature = ({
                 </Link>
             </span>
             <span className={commonStyles.hideLt960}>
-                {strategies && strategies.map((s, i) => <Chip className={styles.iconListItemChip} key={i}>
+                {strategies && strategies.map((s, i) => <span className={[styles.iconListItemChip, styles.hideLt960].join(' ')} key={i}>
                     {s.name}
-                </Chip>)}
+                </span>)}
             </span>
         </li>
     );
diff --git a/frontend/src/component/feature/feature.scss b/frontend/src/component/feature/feature.scss
index 065e6b694d..072b23c840 100644
--- a/frontend/src/component/feature/feature.scss
+++ b/frontend/src/component/feature/feature.scss
@@ -34,6 +34,11 @@
 }
 
 .iconListItemChip {
+    font-size: 10px;
+    line-height: 12px;
+    background-color: #e0e0e0;
+    border-radius: 10px;
+    padding: 5px 8px 4px 8px;
     margin-left: 5px !important;
 }