X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fsignup%2Fsignup.component.scss;h=6f61b78f719df5a3c04eb7e6cbfc5461e7016327;hb=1d5342abc43df02cf0bd69b1e865c0f179182eef;hp=3b4326de45a6f69af40c5d2449c6f5d61a41aee8;hpb=fada8d75550dc7365f7e18ee1569b9406251d660;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/signup/signup.component.scss b/client/src/app/signup/signup.component.scss
index 3b4326de4..6f61b78f7 100644
--- a/client/src/app/signup/signup.component.scss
+++ b/client/src/app/signup/signup.component.scss
@@ -1,9 +1,58 @@
+@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-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,
+  &#name {
+    width: auto !important;
+    flex-grow: 1;
+  }
 }
 
-input[type=submit] {
+input[type=submit],
+button {
   @include peertube-button;
   @include orange-button;
 }