Improve message visibility on signup

[github/Chocobozzz/PeerTube.git] / client / src / app / signup / signup.component.scss

diff --git a/client/src/app/signup/signup.component.scss b/client/src/app/signup/signup.component.scss
index e6d4842979b43d6edbea895a1f7cf5b732cae1c0..90e1e8e74d2f1e3a7c22298be42069cf379f589c 100644 (file)
--- a/client/src/app/signup/signup.component.scss
+++ b/client/src/app/signup/signup.component.scss
@@ -1,22 +1,36 @@
 @import '_variables';
 @import '_mixins';
 
-.initial-user-quota {
-  font-size: 15px;
-  margin-bottom: 20px;
+my-instance-features-table {
+  display: block;
 
-  .initial-user-quota-label {
-    font-weight: $font-semibold;
-  }
+  margin-bottom: 40px;
+}
+
+form {
+  margin: 0 60px 40px 0;
 }
 
 .form-group-terms {
   margin: 30px 0;
 }
 
+.input-group {
+  @include peertube-input-group(400px);
+}
+
+.input-group-append {
+  height: 30px;
+}
+
 input:not([type=submit]) {
-  @include peertube-input-text(340px);
+  @include peertube-input-text(400px);
   display: block;
+
+  &#username {
+    width: auto;
+    flex-grow: 1;
+  }
 }
 
 input[type=submit] {