Add padding bottom to main container

2 files changed, 5 insertions, 9 deletions

diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index b86b94e8c..d1eb1646f 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -2,7 +2,7 @@
 
 <my-hotkeys-cheatsheet></my-hotkeys-cheatsheet>
 
-<div [ngClass]="{ 'user-logged-in': isUserLoggedIn(), 'user-not-logged-in': !isUserLoggedIn() }">
+<div class="peertube-container" [ngClass]="{ 'user-logged-in': isUserLoggedIn(), 'user-not-logged-in': !isUserLoggedIn() }">
   <div class="header">
 
     <div class="top-left-block" [ngClass]="{ 'border-bottom': menu.isMenuDisplayed === false }">
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index f1b49a1e2..0c33dc4a1 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -1,6 +1,10 @@
 @import '_variables';
 @import '_mixins';
 
+.peertube-container {
+  padding-bottom: 20px;
+}
+
 .main-row {
   min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
 }
@@ -84,11 +88,3 @@
     flex: 1;
   }
 }
-
-footer {
-  padding: 10px 0;
-  font-size: 11px;
-  margin-top: $footer-margin;
-  height: $footer-height;
-  justify-content: center;
-}