Fixed broken height by masters blame

app/partials/login.jade

@@ -1,5 +1,5 @@
-//-extends layout
+extends dummy-layout
-extends login-layout
+//extends login-layout
 
 block head
     title Taiga  Project management web application with scrum in mind!

app/styles/layout/base.scss

@@ -1,6 +1,7 @@
 // Basic layout styles
 html {
     height: 100%;
+    min-height: 100%;
     width: 100%;
 }
 body {
@@ -9,35 +10,32 @@ body {
     font: 16px/21px 'DroidSans', Arial, sans-serif;
     -webkit-font-smoothing: antialiased; // Fix for webkit renderin
     height: 100%;
+    min-height: 100%;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
     width: 100%;
 }
 
+.master {
+    height: 100%;
+    min-height: 100%;
+}
+
 .wrapper {
-    align-content: stretch;
+    @include table-flex();
-    align-items: stretch;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: flex-start;
     min-height: 100%;
     padding-left: 90px;
 }
 
 .menu-secondary {
+    @include table-flex-child(1, 260px, 0, 260px);
     background: $whitish;
-    flex-basis: 260px;
-    flex-grow: 1;
-    flex-shrink: 0;
     padding: 2em 1em;
 }
 
 .menu-tertiary {
+    @include table-flex-child(1, 190px, 0, 190px);
     background-color: $dark-grayish-lime-green;
-    flex-basis: 190px;
-    flex-grow: 1;
-    flex-shrink: 0;
     padding: 2em 1em;
 }
 
@@ -47,9 +45,7 @@ body {
 }
 
 .main {
-    flex-basis: 600px;
+    @include table-flex-child(8, 600px, 0, 600px);
-    flex-grow: 8;
-    flex-shrink: 0;
     padding: 2em;
 }