X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Berror-page%2Ferror-page.component.scss;h=5193c2871b9d4533206adbe092340ce82bce06d4;hb=422a11e2a4e52ec8a052a9646e1677cf284931a2;hp=4e12e8c78b54d4a3b7c6b9c5298dc112d9fafbb7;hpb=389eb1312929a946b16dfcdd02d646902425a494;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+error-page/error-page.component.scss b/client/src/app/+error-page/error-page.component.scss
index 4e12e8c78..5193c2871 100644
--- a/client/src/app/+error-page/error-page.component.scss
+++ b/client/src/app/+error-page/error-page.component.scss
@@ -4,25 +4,26 @@
 .root {
   @include margin-left(auto);
   @include margin-right(auto);
+  @include padding-top(9rem);
+  @include rfs(45rem, width);
 
   height: 100%;
   text-align: center;
-  padding-top: 150px;
   display: flex;
   justify-content: center;
   flex-direction: column-reverse;
 
+
   .box {
+    @include font-size(1.20rem);
+
     text-align: start;
-    font-size: 120%;
     padding: 0 15px;
   }
 
   img {
     @include margin-left(auto);
-
-    width: 220px;
-    height: auto;
+    @include rfs(14rem, width);
   }
 
   @media screen and (max-width: $mobile-view) {
@@ -30,16 +31,4 @@
       @include margin-right(auto);
     }
   }
-
-  @media screen and (min-width: $mobile-view) {
-    width: 400px;
-  }
-
-  @media screen and (max-height: 600px) {
-    padding-top: 50px;
-
-    img {
-      width: 160px;
-    }
-  }
 }