X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Finclude%2F_mixins.scss;h=a7c4c99c278edb20587996e0c14ebc2bc2df2c28;hb=d63e6d4604dfbe4938c7d66832c9202364c5bb64;hp=679c235a6ff7bd67dcce211b71f340292c0f1e77;hpb=10ef089102f2225c5ec3ed426bc612e4f2bc8655;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 679c235a6..a7c4c99c2 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -264,8 +264,10 @@
   font-size: 15px;
   height: $button-height;
   line-height: $button-height;
-  // FIXME: because of primeng that redefines border-radius of all input[type="..."]
+
+  // Because of primeng that redefines border-radius of all input[type="..."]
   border-radius: 3px !important;
+
   text-align: center;
   cursor: pointer;
 }
@@ -356,6 +358,7 @@
   background: pvar(--inputBackgroundColor);
   position: relative;
   font-size: 15px;
+  height: min-content;
 
   &.disabled {
     background-color: #E5E5E5;
@@ -438,6 +441,8 @@
     cursor: pointer;
     line-height: 20px;
     display: inline-block;
+    font-size: 15px;
+    font-weight: $font-regular;
   }
 
   [type=radio]:checked + label::before,
@@ -473,6 +478,13 @@
     opacity: 1;
     transform: scale(1);
   }
+
+  .form-group-description {
+    display: block;
+    margin-top: -7px;
+    margin-bottom: 10px;
+    margin-left: 29px;
+  }
 }
 
 @mixin peertube-checkbox ($border-width) {
@@ -534,7 +546,7 @@
   }
 }
 
-@mixin table-badge {
+@mixin peertube-badge {
   border-radius: 2px;
   padding: 1/4em 1/2em;
   text-transform: uppercase;
@@ -644,12 +656,15 @@
   @include button-with-icon(20px, 5px, -1px);
 }
 
-@mixin row-blocks ($column-responsive: true) {
+@mixin row-blocks ($column-responsive: true, $min-height: 130px, $separator: true) {
   display: flex;
-  min-height: 130px;
+  min-height: $min-height;
   padding-bottom: 20px;
   margin-bottom: 20px;
-  border-bottom: 1px solid #C6C6C6;
+
+  @if $separator {
+    border-bottom: 1px solid #C6C6C6;
+  }
 
   @media screen and (max-width: $small-view) {
     @if $column-responsive {
@@ -689,6 +704,7 @@
   span {
     position: absolute;
     color: $grey-foreground-color;
+
     @if $small {
       top: -1px;
     }