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=f3bce8ee0c68e76ab99af1ba21431ea30b9cb055;hb=3031971ec21ed6400d3b73d1f7e00b44d1617667;hp=cc2a98a178b56c68b142164ce4bb3232feb1d914;hpb=931d3430184143ebd88e5243def6eb1d7acfdbf4;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 cc2a98a17..f3bce8ee0 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,19 +1,15 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 $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($form-base-input-width);
+
   display: block;
 }
 
@@ -29,9 +25,14 @@ input[type=number] {
 
   input[type=number] + span {
     position: absolute;
-    top: 5px;
+    top: 0.2em;
     right: 2.5rem;
   }
+
+  input[disabled] {
+    background-color: #f9f9f9;
+    pointer-events: none;
+  }
 }
 
 input[type=checkbox] {
@@ -53,13 +54,14 @@ my-select-checkbox {
 input[type=submit] {
   @include peertube-button;
   @include orange-button;
+  @include margin-left(auto);
 
   display: flex;
-  margin-left: auto;
 
   + .form-error {
+    @include margin-left(5px);
+
     display: inline;
-    margin-left: 5px;
   }
 }
 
@@ -67,6 +69,10 @@ input[type=submit] {
   @include settings-big-title;
 }
 
+.inner-form-description {
+  font-size: 15px;
+}
+
 textarea {
   @include peertube-textarea(500px, 150px);
 
@@ -81,6 +87,7 @@ textarea {
 .label-small-info {
   font-style: italic;
   margin-bottom: 10px;
+  font-size: 14px;
 }
 
 .disabled-checkbox-extra {
@@ -91,8 +98,8 @@ textarea {
   }
 }
 
-.form-group-right {
-  padding-top: 2px;
+input[disabled] {
+  opacity: 0.5;
 }
 
 ngb-tabset:not(.previews) ::ng-deep {