Upgrade to bootstrap 4 first step

3 files changed, 4 insertions, 2 deletions

diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 9eca31320..ded45b5f7 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -85,10 +85,10 @@
 footer {
   border-top: 1px solid $footer-border-color;
   padding: 10px 0;
-  text-align: center;
   font-size: 11px;
   margin-top: $footer-margin;
   height: $footer-height;
+  justify-content: center;
 }
 
 simple-notifications {
diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss
index ef89c5666..e54a8b32a 100644
--- a/client/src/app/search/search.component.scss
+++ b/client/src/app/search/search.component.scss
@@ -11,7 +11,7 @@
 }
 
 .search-result {
-  margin: 40px;
+  padding: 40px;
 
   .results-header {
     font-size: 16px;
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 5127687b2..b27a70197 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -5,6 +5,7 @@
   background-color: #000;
   display: flex;
   justify-content: center;
+  flex-grow: 1;
 
   .remote-server-down {
     color: #fff;
@@ -68,6 +69,7 @@
 .video-bottom {
   margin-top: 40px;
   display: flex;
+  flex-grow: 1;
 
   .video-info {
     flex-grow: 1;