fix weird things after topbar merge

app/styles/app/layout.sass

@@ -7,6 +7,8 @@
     max-width: 1024px
     padding-left: 0 !important
     padding-right: 0 !important
+    padding-top: 30px !important
+
 
 .main,
 .profile-view

app/styles/app/layouts/top.sass

@@ -15,6 +15,8 @@ $top-height: 55px
     background   : inline-image('svg/travis-ci-logo.svg') no-repeat  0 50%
     &:hover
       background   : $cream-light inline-image('svg/travis-ci-logo-hover.svg') no-repeat 50%
+  .centered &
+    margin-left: 0
 
 .burger
   overflow: auto

app/templates/layouts/profile.hbs

@@ -1,10 +1,11 @@
-<div class="centered">
-  <header id="top" class="top">
+<header id="top" class="topbar">
+  <div class="centered">
     {{render "top"}}
-  </header>
+  </div>
+</header>
 
+<div class="centered">
   {{render "flash"}}
-
   <div id="main" class="main" role="main">
     {{yield}}