From 4f363a7aa080ec1615085651a52c51337dc25bd1 Mon Sep 17 00:00:00 2001
From: sveisvei <sveinung.rosaker@gmail.com>
Date: Thu, 22 Dec 2016 10:43:13 +0100
Subject: [PATCH] mobile view fixes

---
 frontend/src/component/app.jsx                         |  7 +++----
 .../component/feature/feature-list-item-component.jsx  | 10 ++--------
 frontend/src/component/feature/feature.scss            |  2 +-
 3 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/frontend/src/component/app.jsx b/frontend/src/component/app.jsx
index c9b70992fd..838a00b2ab 100644
--- a/frontend/src/component/app.jsx
+++ b/frontend/src/component/app.jsx
@@ -57,6 +57,9 @@ export default class App extends Component {
     }
 
     getSections () {
+        if (window.innerWidth < 768) {
+            return [base];
+        }
         const { routes, params } = this.props;
         const unique = {};
         let result = [base].concat(routes.splice(1).map((routeEntry) => ({
@@ -76,10 +79,6 @@ export default class App extends Component {
             .reverse()
             .join(' - ');
 
-        if (result.length > 2) {
-            result = result.splice(1);
-        }
-
         return result;
     }
 
diff --git a/frontend/src/component/feature/feature-list-item-component.jsx b/frontend/src/component/feature/feature-list-item-component.jsx
index 40436c5242..3761d2a136 100644
--- a/frontend/src/component/feature/feature-list-item-component.jsx
+++ b/frontend/src/component/feature/feature-list-item-component.jsx
@@ -43,20 +43,14 @@ const Feature = ({
                     <Switch title="test" key="left-actions" onChange={() => onFeatureClick(feature)} checked={enabled} />
                 </span>
                 <Link to={`/features/view/${name}`} className={style.link}>
-                    {name} <small>{shorten(description, 30) || ''}</small>
+                    {name} <small className={style.hideLt960}>{shorten(description, 30) || ''}</small>
                 </Link>
             </span>
 
             <span className={style.iconList} >
-                {strategies && strategies.map((s, i) => <Chip className={style.iconListItemChip} key={i}>
+                {strategies && strategies.map((s, i) => <Chip className={[style.iconListItemChip, style.hideLt960].join(' ')} key={i}>
                     <small>{s.name}</small>
                 </Chip>)}
-                <Link to={`/features/edit/${name}`} title={`Edit ${name}`} className={style.iconListItem}>
-                    <IconButton name="edit" />
-                </Link>
-                <Link to={`features/history/${name}`} title={`History htmlFor ${name}`} className={style.iconListItem}>
-                    <IconButton name="history" />
-                </Link>
                 <IconButton name="delete" onClick={() => onFeatureRemove(name)} className={style.iconListItem} />
             </span>
 
diff --git a/frontend/src/component/feature/feature.scss b/frontend/src/component/feature/feature.scss
index 36dbf6f306..d63267cfbd 100644
--- a/frontend/src/component/feature/feature.scss
+++ b/frontend/src/component/feature/feature.scss
@@ -61,7 +61,7 @@
 }
 
 @media (max-width: 960px) {
-    .iconListItemChip {
+    .hideLt960 {
         display: none;
     }
 }