Adjust form-group input width in sign-up page

Chocobozzz · Dec 1, 2020 · fde4ab5 · fde4ab5
1 parent dd9cb85
commit fde4ab5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss
@@ -4,6 +4,11 @@
 $grey-color: #9CA3AB;
 $index-block-height: 32px;
 
+.container {
+  padding-left: 0;
+  padding-left: 0;
+}
+
 header {
   display: flex;
   justify-content: space-between;

diff --git a/client/src/app/+signup/+register/register.component.scss b/client/src/app/+signup/+register/register.component.scss
@@ -46,13 +46,13 @@
 
 }
 
-@media screen and (max-width: breakpoint(xl)) {
+@media screen and (max-width: breakpoint(lg)) {
   .wrapper {
     @include columnReverseDisplay();
   }
 }
 
-@media screen and (max-width: breakpoint(xl) + $menu-width) {
+@media screen and (max-width: breakpoint(lg) + $menu-width) {
   :host-context(.main-col:not(.expanded)) {
     .wrapper {
       @include columnReverseDisplay();
@@ -65,15 +65,19 @@
 }
 
 .input-group {
-  @include peertube-input-group(400px);
+  @include peertube-input-group(100%);
 }
 
 .input-group-append {
   height: 30px;
 }
 
+.form-group-terms {
+  width: 100% !important;
+}
+
 input:not([type=submit]) {
-  @include peertube-input-text(400px);
+  @include peertube-input-text(100%);
   display: block;
 
   &#username,
@@ -83,19 +87,10 @@ input:not([type=submit]) {
   }
 }
 
-@media screen and (max-width: $mobile-view) {
-  .form-group-terms,
-  .input-group,
-  input:not([type=submit]) {
-    width: 100%;
-  }
-}
-
 input[type=submit],
 button {
   @include peertube-button;
   @include orange-button;
-
 }
 
 .name-information {