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=2bfa92da4e0cef0c05da0f501c8e99059a33f657;hb=cdd8f7790c759664fe4d0962efa550cf1a8e37eb;hp=2b4d0da2cc9e83996f00c54af0515e37f8920061;hpb=00aab0666c6f772548c160fdfa871a8843b88f37;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 2b4d0da2c..2bfa92da4 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,24 @@ @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; +} + +input[type=number] { + @include peertube-input-text(315px); display: block; } @@ -15,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; @@ -31,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 { @@ -53,3 +62,22 @@ textarea { font-style: italic; margin-bottom: 10px; } + +.disabled-checkbox-extra { + 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; +}