Merge branch 'release/4.3.0' into develop

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-forms / peertube-checkbox.component.scss

diff --git a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss b/client/src/app/shared/shared-forms/peertube-checkbox.component.scss
index cf8540dc37c87a809a43aabe5f0f1430eb57e661..ac912767738aba641881cc5bf70d2746a6c8bb16 100644 (file)
--- a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss
+++ b/client/src/app/shared/shared-forms/peertube-checkbox.component.scss
@@ -1,17 +1,12 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .root {
   display: flex;
 
-  .form-group-checkbox {
+  label {
     display: flex;
-    align-items: center;
-
-    .label-text {
-      font-weight: $font-regular;
-      margin: 0;
-    }
+    font-size: $form-input-font-size;
 
     input {
       @include peertube-checkbox(1px);
@@ -23,12 +18,11 @@
   }
 
   my-help {
-    position: relative;
-    top: 2px;
+    line-height: 17px;
   }
 
-  small {
-    font-size: 90%;
+  .form-group-description {
+    margin-top: 2px;
   }
 
   .wrapper:empty {
@@ -36,7 +30,8 @@
   }
 
   .recommended {
-    margin-left: .5rem;
+    @include margin-left(.5rem);
+
     align-self: baseline;
     display: inline-block;
     padding: 4px 6px;
@@ -46,7 +41,7 @@
     line-height: 12px;
     font-weight: 500;
     color: pvar(--inputPlaceholderColor);
-    background-color: rgba(217,225,232,.1);
-    border: 1px solid rgba(217,225,232,.5);
+    background-color: rgba(217, 225, 232, .1);
+    border: 1px solid rgba(217, 225, 232, .5);
   }
-}
\ No newline at end of file
+}