client/src/app/signup/signup.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .alert {
   5   font-size: 15px;
   6   text-align: center;
   7 }
   8
   9 .wrapper {
  10   display: flex;
  11   justify-content: space-between;
  12   flex-wrap: wrap;
  13
  14   & > div {
  15     margin-bottom: 40px;
  16     width: 450px;
  17
  18     @media screen and (max-width: 500px) {
  19       width: auto;
  20     }
  21   }
  22 }
  23
  24 my-instance-features-table {
  25   display: block;
  26
  27   margin-bottom: 40px;
  28 }
  29
  30 .form-group-terms {
  31   margin: 30px 0;
  32 }
  33
  34 .input-group {
  35   @include peertube-input-group(400px);
  36 }
  37
  38 .input-group-append {
  39   height: 30px;
  40 }
  41
  42 input:not([type=submit]) {
  43   @include peertube-input-text(400px);
  44
  45   display: block;
  46
  47   &#username,
  48   &#name {
  49     width: auto !important;
  50     flex-grow: 1;
  51   }
  52 }
  53
  54 input[type=submit],
  55 button {
  56   @include peertube-button;
  57   @include orange-button;
  58 }