Merge branch 'release/2.2.0' into develop

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

diff --git a/client/src/app/shared/forms/peertube-checkbox.component.scss b/client/src/app/shared/forms/peertube-checkbox.component.scss
index 84ea788af39e105bc81d9be4bd928ffc04369feb..c1233e8a5e79875be68994581d8c6072da319cfa 100644 (file)
--- a/client/src/app/shared/forms/peertube-checkbox.component.scss
+++ b/client/src/app/shared/forms/peertube-checkbox.component.scss
@@ -6,8 +6,9 @@
 
   .form-group-checkbox {
     display: flex;
+    align-items: center;
 
-    span {
+    .label-text {
       font-weight: $font-regular;
       margin: 0;
     }
@@ -23,6 +24,29 @@
 
   my-help {
     position: relative;
-    top: -2px;
+    top: 2px;
   }
-}
+
+  small {
+    font-size: 90%;
+  }
+
+  .wrapper:empty {
+    display: none;
+  }
+
+  .recommended {
+    margin-left: .5rem;
+    align-self: baseline;
+    display: inline-block;
+    padding: 4px 6px;
+    cursor: default;
+    border-radius: 3px;
+    font-size: 12px;
+    line-height: 12px;
+    font-weight: 500;
+    color: var(--inputPlaceholderColor);
+    background-color: rgba(217,225,232,.1);
+    border: 1px solid rgba(217,225,232,.5);
+  }
+}
\ No newline at end of file