pro profile maximize

app/styles/app/layout.sass

@@ -48,7 +48,6 @@
 
 @media #{$medium-up}
 
-
   // layout magic http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/
   .wrapper-main
     overflow: hidden
@@ -60,6 +59,16 @@
       width: grid-calc(6, 24)
       float: right
 
+  .maximized
+    .wrapper-main
+      overflow: hidden
+      & > div:first-child:nth-last-child(2)
+        width: grid-calc(24, 24)
+        float: none
+
+      & > div:first-child:nth-last-child(2) ~ div
+        width: 0
+
 
 @media #{$large-up}
   #left

app/styles/app/main/repository.sass

@@ -3,7 +3,7 @@
   position: relative
   width: 100%
   overflow-x: hidden
-  padding: 5px 0 0 10px
+  padding: 1px 0 0 10px
 
   h3
     margin-right: 5px

app/styles/app/main/tools.sass

@@ -67,14 +67,17 @@
 #actions
   text-align: right
 
+  ul
+    @include resetul
+  li
+    display: inline
+
   @media #{$medium-up}
     float: right
     position: relative
     top: 1.8em
     ul
       margin-top: -27px
-    li
-      display: inline
 
   li.restart-build a, li.restart-job a
     background-image: inline-image('icons/repeat.svg')

app/styles/app/maximize.sass

@@ -1,7 +1,7 @@
 
 .pro.maximized
   #right
-    display: none
+    width: 0
     *:not(#slider):not(.icon):not(.ember-view)
       display: none
 
@@ -13,10 +13,9 @@
     background-image: inline-image('ui/slider-open.svg')
     background-position: 6px 5px
     border-bottom-left-radius: 4px
-    display: none
 
-    @media #{$medium-up}
+    // @media #{$medium-up}
-      display: block
+    //   display: block
 
 
 #top .profile

app/styles/app/right.sass

@@ -18,7 +18,7 @@
       margin-left: -3px
       padding: 15px
       border: 1px solid #e0e0e0
-      background-color: #ffffff
+      background-color: $white
 
       h4
         margin: 0