From 691e95d6e78c0bfcddab8a96a0ce233cae027fbe Mon Sep 17 00:00:00 2001
From: sveisvei <sveinung.rosaker@gmail.com>
Date: Sat, 17 Dec 2016 21:41:23 +0100
Subject: [PATCH] improve grid in tablet and phone

---
 .../src/component/application/application-edit-component.js | 6 +++---
 frontend/src/component/feature/view-edit-container.jsx      | 6 +++---
 .../src/component/strategies/show-strategy-component.js     | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/component/application/application-edit-component.js b/frontend/src/component/application/application-edit-component.js
index f024a418a1..e0b075a922 100644
--- a/frontend/src/component/application/application-edit-component.js
+++ b/frontend/src/component/application/application-edit-component.js
@@ -64,7 +64,7 @@ class ClientApplications extends PureComponent {
 
         const content = this.state.activeTab === 0 ? (
             <Grid>
-                <Cell col={3}>
+                <Cell col={3} tablet={4} phone={12}>
                     <h6> Toggles</h6>
                     <hr />
                     <List>
@@ -88,7 +88,7 @@ class ClientApplications extends PureComponent {
                     )}
                     </List>
                 </Cell>
-                <Cell col={3}>
+                <Cell col={3} tablet={4} phone={12}>
                     <h6>Implemented strategies</h6>
                     <hr />
                     <List>
@@ -111,7 +111,7 @@ class ClientApplications extends PureComponent {
                         ))}
                     </List>
                 </Cell>
-                <Cell col={6}>
+                <Cell col={6} tablet={12}>
                     <h6>{instances.length} Instances connected</h6>
                     <hr />
                     <List>
diff --git a/frontend/src/component/feature/view-edit-container.jsx b/frontend/src/component/feature/view-edit-container.jsx
index 83954ba937..48368f74eb 100644
--- a/frontend/src/component/feature/view-edit-container.jsx
+++ b/frontend/src/component/feature/view-edit-container.jsx
@@ -29,7 +29,7 @@ const MetricTab = ({ metrics, featureToggle, toggleFeature }) => {
         onChange={() => toggleFeature(featureToggle)}>Toggle {featureToggle.name}</SwitchWithLabel>
         <hr />
         <Grid style={{ textAlign: 'center' }}>
-            <Cell col={3}>
+            <Cell tablet={4} col={3} phone={12}>
                 {
                     lastMinute.isFallback ?
                     <Icon style={{ width: '100px', height: '100px', fontSize: '100px', color: '#ccc' }}
@@ -40,7 +40,7 @@ const MetricTab = ({ metrics, featureToggle, toggleFeature }) => {
                 }
                 <p><strong>Last minute</strong><br /> Yes {lastMinute.yes}, No: {lastMinute.no}</p>
             </Cell>
-            <Cell col={3}>
+            <Cell col={3} tablet={4} phone={12}>
                 {
                     lastHour.isFallback ?
                     <Icon style={{ width: '100px', height: '100px', fontSize: '100px', color: '#ccc' }}
@@ -51,7 +51,7 @@ const MetricTab = ({ metrics, featureToggle, toggleFeature }) => {
                 }
                 <p><strong>Last hour</strong><br /> Yes {lastHour.yes}, No: {lastHour.no}</p>
             </Cell>
-            <Cell col={6}>
+            <Cell col={6}  tablet={12}>
                 {seenApps.length > 0 ?
                     (<div><strong>Seen in applications:</strong></div>) :
                     <div>
diff --git a/frontend/src/component/strategies/show-strategy-component.js b/frontend/src/component/strategies/show-strategy-component.js
index 8fd7ba13e7..f2f331778b 100644
--- a/frontend/src/component/strategies/show-strategy-component.js
+++ b/frontend/src/component/strategies/show-strategy-component.js
@@ -33,7 +33,7 @@ class ShowStrategyComponent extends PureComponent {
             <div>
 
                 <Grid>
-                    <Cell col={12}>
+                    <Cell col={12} >
                         <h6>Parameters</h6>
                         <hr />
                         <List>
@@ -41,13 +41,13 @@ class ShowStrategyComponent extends PureComponent {
                         </List>
                     </Cell>
 
-                    <Cell col={6}>
+                    <Cell col={6} tablet={12}>
                         <h6>Applications using this strategy</h6>
                         <hr />
                         <AppsLinkList apps={applications} />
                     </Cell>
 
-                    <Cell col={6}>
+                    <Cell col={6} tablet={12}>
                         <h6>Toggles using this strategy</h6>
                         <hr />
                         <TogglesLinkList toggles={toggles} />