Multi step registration

1 files changed, 26 insertions, 7 deletions

diff --git a/client/src/app/signup/signup.component.scss b/client/src/app/signup/signup.component.scss
index 90e1e8e74..6f61b78f7 100644
--- a/client/src/app/signup/signup.component.scss
+++ b/client/src/app/signup/signup.component.scss
@@ -1,16 +1,32 @@
 @import '_variables';
 @import '_mixins';
 
+.alert {
+  font-size: 15px;
+  text-align: center;
+}
+
+.wrapper {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+
+  & > div {
+    margin-bottom: 40px;
+    width: 450px;
+
+    @media screen and (max-width: 500px) {
+      width: auto;
+    }
+  }
+}
+
 my-instance-features-table {
   display: block;
 
   margin-bottom: 40px;
 }
 
-form {
-  margin: 0 60px 40px 0;
-}
-
 .form-group-terms {
   margin: 30px 0;
 }
@@ -25,15 +41,18 @@ form {
 
 input:not([type=submit]) {
   @include peertube-input-text(400px);
+
   display: block;
 
-  &#username {
-    width: auto;
+  &#username,
+  &#name {
+    width: auto !important;
     flex-grow: 1;
   }
 }
 
-input[type=submit] {
+input[type=submit],
+button {
   @include peertube-button;
   @include orange-button;
 }