diff --git a/client/app/scripts/components/app.js b/client/app/scripts/components/app.js
index a3cba11ef..bf2dfedee 100644
--- a/client/app/scripts/components/app.js
+++ b/client/app/scripts/components/app.js
@@ -66,9 +66,7 @@ var App = React.createClass({
topology={this.state.activeTopology} /> }
diff --git a/client/app/scripts/components/logo.js b/client/app/scripts/components/logo.js
index 161e9317d..417dd7bb5 100644
--- a/client/app/scripts/components/logo.js
+++ b/client/app/scripts/components/logo.js
@@ -7,13 +7,56 @@ var Logo = React.createClass({
render: function() {
return (
-
);
diff --git a/client/app/styles/main.less b/client/app/styles/main.less
index bfc99b728..0d3082578 100644
--- a/client/app/styles/main.less
+++ b/client/app/styles/main.less
@@ -36,22 +36,6 @@ body {
line-height: 150%;
}
-#logo {
- margin: 0 64px 0 64px;
- height: 64px;
- width: 64px;
- float: left;
-
- .logo {
- path {
- stroke-width: 2px;
- stroke: @text-secondary-color;
- fill: none;
- }
- }
-
-}
-
#app {
}
@@ -64,10 +48,18 @@ body {
z-index: 20;
}
+.logo {
+ margin: 0 64px 0 64px;
+ height: 64px;
+ width: 250px;
+ float: left;
+}
+
.topologies {
float: left;
position: relative;
- margin-top: 4px;
+ margin-top: 7px;
+ margin-left: 64px;
&-icon {
font-size: 12px;