`fitWidth` for `video-miniature`, fluid grid (#2830)

[oweals/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 6e4e207751fe713b2c5fc89f6c59a91e4cc25f5c..cf8540dc37c87a809a43aabe5f0f1430eb57e661 100644 (file)
--- a/client/src/app/shared/forms/peertube-checkbox.component.scss
+++ b/client/src/app/shared/forms/peertube-checkbox.component.scss
@@ -6,17 +6,15 @@
 
   .form-group-checkbox {
     display: flex;
+    align-items: center;
 
-    span {
+    .label-text {
       font-weight: $font-regular;
       margin: 0;
     }
 
     input {
       @include peertube-checkbox(1px);
-
-      width: 10px;
-      margin-right: 10px;
     }
   }
 
@@ -26,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: pvar(--inputPlaceholderColor);
+    background-color: rgba(217,225,232,.1);
+    border: 1px solid rgba(217,225,232,.5);
   }
 }
\ No newline at end of file