.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 {
}
.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,
@include peertube-button;
@include orange-button;
}
+
+.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;
+ }
+ }
+}