`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 3b467d49d35570456c3e6279e403010f4cae3656..cf8540dc37c87a809a43aabe5f0f1430eb57e661 100644 (file)
--- a/client/src/app/shared/forms/peertube-checkbox.component.scss
+++ b/client/src/app/shared/forms/peertube-checkbox.component.scss
@@ -26,4 +26,27 @@
     position: relative;
     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