diff --git a/frontend/src/component/app.jsx b/frontend/src/component/app.jsx
index 920174c590..506bad7bd8 100644
--- a/frontend/src/component/app.jsx
+++ b/frontend/src/component/app.jsx
@@ -5,7 +5,6 @@ import { Layout, Drawer, Header, Navigation, Content,
} from 'react-mdl';
import { Link } from 'react-router';
import styles from './styles.scss';
-import { styles as commonStyles } from './common';
import ErrorContainer from './error/error-container';
import UserContainer from './user/user-container';
@@ -114,7 +113,7 @@ export default class App extends Component {
};
return (
-
+
@@ -124,7 +123,7 @@ export default class App extends Component {
Unleash
-
+
{createListItem('/features', 'Feature toggles', 'list', true)}
{createListItem('/strategies', 'Strategies', 'extension', true)}
@@ -132,14 +131,13 @@ export default class App extends Component {
{createListItem('/archive', 'Archived toggles', 'archive', true)}
{createListItem('/applications', 'Applications', 'apps', true)}
-
+
GitHub
diff --git a/frontend/src/component/application/application-edit-component.js b/frontend/src/component/application/application-edit-component.js
index e3cfb9c122..56e67c7227 100644
--- a/frontend/src/component/application/application-edit-component.js
+++ b/frontend/src/component/application/application-edit-component.js
@@ -162,7 +162,7 @@ class ClientApplications extends PureComponent {
{url &&
}
-
+
this.setState({ activeTab: tabId })} ripple
tabBarProps={{ style: { width: '100%' } }} className="mdl-color--grey-100">
Details
diff --git a/frontend/src/component/common/common.scss b/frontend/src/component/common/common.scss
index 905cfa1936..0cc41bb254 100644
--- a/frontend/src/component/common/common.scss
+++ b/frontend/src/component/common/common.scss
@@ -17,16 +17,6 @@
display: none;
}
-.divider {
- margin: 0;
- height: auto;
- border-color: rgba(0,0,0,.12);
-}
-
-.list {
- margin: 0;
-}
-
.listLink {
color: #212121;
text-decoration: none;
diff --git a/frontend/src/component/common/index.js b/frontend/src/component/common/index.js
index 17fc063afa..3f1bfe121b 100644
--- a/frontend/src/component/common/index.js
+++ b/frontend/src/component/common/index.js
@@ -17,7 +17,7 @@ export const AppsLinkList = ({ apps }) => (
{apps.length > 0 && apps.map(({ appName, description = '-', icon = 'apps' }) => (
-
+
{appName}
diff --git a/frontend/src/component/feature/list-component.jsx b/frontend/src/component/feature/list-component.jsx
index ab59ba754a..a3e77d96b8 100644
--- a/frontend/src/component/feature/list-component.jsx
+++ b/frontend/src/component/feature/list-component.jsx
@@ -86,8 +86,8 @@ export default class FeatureListComponent extends React.PureComponent {
-
-
+
+
{features.map((feature, i) =>
Created {formatFullDateTime(featureToggle.createdAt)}
-
+
);
}
diff --git a/frontend/src/component/feature/view-component.jsx b/frontend/src/component/feature/view-component.jsx
index 054f25ccc1..fa1f4b8cd2 100644
--- a/frontend/src/component/feature/view-component.jsx
+++ b/frontend/src/component/feature/view-component.jsx
@@ -100,7 +100,7 @@ export default class ViewFeatureToggleComponent extends React.Component {
-
+
this.goToTab('view', featureToggleName)}>Metrics
this.goToTab('edit', featureToggleName)}>Edit
diff --git a/frontend/src/component/strategies/list-component.jsx b/frontend/src/component/strategies/list-component.jsx
index 6932a5cf07..e6699a28d7 100644
--- a/frontend/src/component/strategies/list-component.jsx
+++ b/frontend/src/component/strategies/list-component.jsx
@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import { Link } from 'react-router';
import { List, ListItem, ListItemContent, IconButton, Grid, Cell } from 'react-mdl';
-import { HeaderTitle, styles as commonStyles } from '../common';
+import { HeaderTitle } from '../common';
class StrategiesListComponent extends Component {
@@ -26,7 +26,7 @@ class StrategiesListComponent extends Component {
name="add"
onClick={() => this.context.router.push('/strategies/create')}
title="Add new strategy" />} />
-
+
{strategies.length > 0 ? strategies.map((strategy, i) => (
diff --git a/frontend/src/component/styles.scss b/frontend/src/component/styles.scss
index 3f4a6a77d3..df62694a97 100644
--- a/frontend/src/component/styles.scss
+++ b/frontend/src/component/styles.scss
@@ -1,3 +1,14 @@
+.container {
+ ul {
+ margin: 0;
+ }
+ hr {
+ margin: 0;
+ height: auto;
+ border-color: rgba(0,0,0,.12);
+ }
+}
+
.content {
width: 1200px;
margin-left: auto;
@@ -59,8 +70,8 @@
margin-right: 32px;
}
-.githubIcon {
+.iconGitHub {
width: 24px;
height: 24px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoyNHB4O2hlaWdodDoyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBhdGggZmlsbD0iIzc1NzU3NSIgZD0iTTEyLDJBMTAsMTAgMCAwLDAgMiwxMkMyLDE2LjQyIDQuODcsMjAuMTcgOC44NCwyMS41QzkuMzQsMjEuNTggOS41LDIxLjI3IDkuNSwyMUM5LjUsMjAuNzcgOS41LDIwLjE0IDkuNSwxOS4zMUM2LjczLDE5LjkxIDYuMTQsMTcuOTcgNi4xNCwxNy45N0M1LjY4LDE2LjgxIDUuMDMsMTYuNSA1LjAzLDE2LjVDNC4xMiwxNS44OCA1LjEsMTUuOSA1LjEsMTUuOUM2LjEsMTUuOTcgNi42MywxNi45MyA2LjYzLDE2LjkzQzcuNSwxOC40NSA4Ljk3LDE4IDkuNTQsMTcuNzZDOS42MywxNy4xMSA5Ljg5LDE2LjY3IDEwLjE3LDE2LjQyQzcuOTUsMTYuMTcgNS42MiwxNS4zMSA1LjYyLDExLjVDNS42MiwxMC4zOSA2LDkuNSA2LjY1LDguNzlDNi41NSw4LjU0IDYuMiw3LjUgNi43NSw2LjE1QzYuNzUsNi4xNSA3LjU5LDUuODggOS41LDcuMTdDMTAuMjksNi45NSAxMS4xNSw2Ljg0IDEyLDYuODRDMTIuODUsNi44NCAxMy43MSw2Ljk1IDE0LjUsNy4xN0MxNi40MSw1Ljg4IDE3LjI1LDYuMTUgMTcuMjUsNi4xNUMxNy44LDcuNSAxNy40NSw4LjU0IDE3LjM1LDguNzlDMTgsOS41IDE4LjM4LDEwLjM5IDE4LjM4LDExLjVDMTguMzgsMTUuMzIgMTYuMDQsMTYuMTYgMTMuODEsMTYuNDFDMTQuMTcsMTYuNzIgMTQuNSwxNy4zMyAxNC41LDE4LjI2QzE0LjUsMTkuNiAxNC41LDIwLjY4IDE0LjUsMjFDMTQuNSwyMS4yNyAxNC42NiwyMS41OSAxNS4xNywyMS41QzE5LjE0LDIwLjE2IDIyLDE2LjQyIDIyLDEyQTEwLDEwIDAgMCwwIDEyLDJaIiAvPgo8L3N2Zz4=);
-}
\ No newline at end of file
+}