Merge branch 'revert-layout-changes' into 'master'

Revert "Merge branch 'projects' into 'master'"

This reverts commit 2b493695, reversing
changes made to b5c12f74.

This reverts !1487 MR because it cause bugs on mobile devices 


cc @skyruler 

See merge request !1509

app/assets/stylesheets/base/layout.scss

 html {
   overflow-y: scroll;
-  height: 100%;
-  margin: 0;
   &.touch .tooltip { display: none !important; }
   body {
     padding-top: $header-height;
-    height: 100%;
-    margin: 0;
   }
 }
 .container {
   padding-top: 0;
-  height: 100%;
-  width: 100%;
   z-index: 5;
 }
-.content {
-  height: 100%;
-  width: 100%;
-}
-
-.content section {
-  height: 100%;
-  display: table-row;
-}
-
 .container .content {
   margin: 0 0;
 }
@@ -40,9 +24,3 @@ html {
 .container-limited {
   max-width: $fixed-layout-width;
 }
-
-.max-height {
-  height: 100%;
-  display: table;
-  width: 100%;
-}
\ No newline at end of file

app/assets/stylesheets/generic/buttons.scss

@@ -94,7 +94,6 @@ body {
 @mixin btn-info {
   @include border-radius(2px);
-  @include transition (all 0.2s ease 0s);
   
   border-width: 1px;
   border-style: solid;
@@ -117,7 +116,6 @@ body {
   
   &:active {
     @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
-    
     border-width: 1px;
     border-style: solid;
   }
@@ -125,7 +123,6 @@ body {
 @mixin btn-middle {
   @include border-radius(2px);
-  @include transition (all 0.2s ease 0s);
   
   border-width: 1px;
   border-style: solid;
@@ -148,7 +145,6 @@ body {
   
   &:active {
     @include box-shadow(inset 0 0 4px rgba(0, 0, 0, 0.12));
-    
     border-width: 1px;
     border-style: solid;
     }

app/assets/stylesheets/generic/sidebar.scss

 .page-with-sidebar {
-  min-height: 100%;
-  height: 100%;
-  
   .sidebar-wrapper {
     position: fixed;
     top: 0;
@@ -21,19 +18,15 @@
 }
 .content-wrapper {
-  min-height: 900px;
-  display: table;
+  min-height: 100vh;
   width: 100%;
   padding: 20px;
   background: #EAEBEC;
-  height: 100%;
-  width: 100%;
   .container-fluid {
     background: #FFF;
     padding: $gl-padding;
-    height: 100%;
-    min-height: 100%;
+    min-height: 90vh;
     &.container-blank {
       background: none;

app/assets/stylesheets/pages/projects.scss

@@ -510,3 +510,4 @@ pre.light-well {
 .inline-form {
   display: inline-block;
 }
+

app/views/layouts/_page.html.haml

@@ -25,5 +25,5 @@
     = render "layouts/flash"
     %div{ class: container_class }
       .content
-        .clearfix.max-height
+        .clearfix
           = yield