Client: adjust viewport height

2 files changed, 7 insertions, 0 deletions

diff --git a/client/src/sass/_variables.scss b/client/src/sass/_variables.scss
index 5c06fae9d..f0ffb43ba 100644
--- a/client/src/sass/_variables.scss
+++ b/client/src/sass/_variables.scss
@@ -9,6 +9,9 @@ $menu-color-block: #686f77;
 $header-height: 65px;
 $header-border-color: #e9eff6;
 
+$footer-height: 30px;
+$footer-margin: 30px;
+
 $footer-border-color: $header-border-color;
 
 $video-miniature-other-infos: #686767;
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index c0b40445e..b446dde2a 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -40,6 +40,10 @@ input.readonly {
   position: fixed;
 }
 
+.main-row {
+  min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
+}
+
 .main-col {
 
   .content-padding {