X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bsignup%2F%2Bregister%2Fregister.component.scss;h=16ba9e2c0e2f595ab53decf0d32a11cd37154f61;hb=e0fea785bf28966da09cdc16a274c9e750b488f4;hp=6f61b78f719df5a3c04eb7e6cbfc5461e7016327;hpb=a41b9da1a9ce49df82ea10c82de4c2fbc6d1b189;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+signup/+register/register.component.scss b/client/src/app/+signup/+register/register.component.scss
index 6f61b78f7..16ba9e2c0 100644
--- a/client/src/app/+signup/+register/register.component.scss
+++ b/client/src/app/+signup/+register/register.component.scss
@@ -8,23 +8,21 @@
 
 .wrapper {
   display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
+  flex-direction: column;
 
-  & > div {
-    margin-bottom: 40px;
-    width: 450px;
-
-    @media screen and (max-width: 500px) {
-      width: auto;
-    }
+  .register-form {
+    max-width: 600px;
+    align-self: center;
   }
-}
 
-my-instance-features-table {
-  display: block;
+  .register-form,
+  .instance-information {
+    width: 100%;
+  }
 
-  margin-bottom: 40px;
+  .instance-information {
+    margin-bottom: 15px;
+  }
 }
 
 .form-group-terms {
@@ -32,16 +30,19 @@ my-instance-features-table {
 }
 
 .input-group {
-  @include peertube-input-group(400px);
+  @include peertube-input-group(100%);
 }
 
 .input-group-append {
   height: 30px;
 }
 
-input:not([type=submit]) {
-  @include peertube-input-text(400px);
+.form-group-terms {
+  width: 100% !important;
+}
 
+input:not([type=submit]) {
+  @include peertube-input-text(100%);
   display: block;
 
   &#username,
@@ -54,5 +55,37 @@ input:not([type=submit]) {
 input[type=submit],
 button {
   @include peertube-button;
-  @include orange-button;
+
+  &[cdkStepperNext] {
+    @include orange-button;
+    float: inline-end;
+  }
+
+  &[cdkStepperPrevious] {
+    @include grey-button;
+    float: inline-start;
+  }
+}
+
+.name-information {
+  margin-top: 10px;
+}
+
+.done-loader {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+
+  my-loader {
+    margin-bottom: 20px;
+
+    ::ng-deep .loader div {
+      border-color: pvar(--mainColor) transparent transparent transparent;
+    }
+
+    & + div {
+      font-size: 15px;
+    }
+  }
 }