X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Badmin%2Fconfig%2Fedit-custom-config%2Fedit-custom-config.component.scss;h=9618100b51a81466962e3b67f6c07d55199ea186;hb=5fb2e2888ce032c638e4b75d07458642f0833e52;hp=dd70f1c0664a91420293cb1600243c9f4414d48c;hpb=e40afb5bc486ff2ce1e5f0a21df7e4e32c344b47;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss index dd70f1c06..9618100b5 100644 --- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss +++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss @@ -1,12 +1,19 @@ @import '_variables'; @import '_mixins'; -.form-group { - margin-bottom: 25px; +$form-base-input-width: 340px; + +label { + font-weight: $font-regular; + font-size: 100%; +} + +form { + padding-bottom: 1.5rem; } input[type=text] { - @include peertube-input-text(340px); + @include peertube-input-text($form-base-input-width); display: block; } @@ -20,14 +27,15 @@ input[type=checkbox] { } .peertube-select-container { - @include peertube-select-container(340px); + @include peertube-select-container($form-base-input-width); } input[type=submit] { @include peertube-button; @include orange-button; - margin-top: 20px; + display: flex; + margin-left: auto; & + .form-error { display: inline; @@ -36,17 +44,13 @@ input[type=submit] { } .inner-form-title { - text-transform: uppercase; - color: var(--mainColor); - font-weight: $font-bold; - font-size: 13px; - margin-top: 30px; - margin-bottom: 10px; + @include settings-big-title; } textarea { @include peertube-textarea(500px, 150px); + max-width: 100%; display: block; &.small { @@ -60,6 +64,22 @@ textarea { } .disabled-checkbox-extra { - opacity: .5; - pointer-events: none; + &, ::ng-deep label { + opacity: .5; + pointer-events: none; + } +} + +.form-group-right { + padding-top: 2px; +} + +ngb-tabset:not(.previews) ::ng-deep { + .nav-link { + font-size: 105%; + } +} + +.submit-error { + margin-bottom: 20px; }