Fix some styles

Video edit tags, dropdown actions font ...

client/src/app/header/header.component.scss

@@ -6,6 +6,7 @@
   padding-left: 10px;
   margin-right: 15px;
   padding-right: 40px; // For the search icon
+  font-size: 14px;
 
   &::placeholder {
     color: var(--inputPlaceholderColor);

client/src/app/shared/buttons/button.component.scss

@@ -5,7 +5,6 @@
   @include peertube-button-link;
   @include button-with-icon(21px, 0, -2px);
 
-  font-size: 15px;
   font-weight: $font-semibold;
   color: $grey-foreground-color;
   background-color: $grey-background-color;

client/src/app/videos/+video-edit/shared/video-edit.component.scss

@@ -23,10 +23,6 @@ my-peertube-checkbox {
     display: block;
   }
 
-  input, select {
-    font-size: 15px
-  }
-
   .label-tags + span {
     font-size: 15px;
   }
@@ -167,10 +163,10 @@ p-calendar {
   }
 
   tag {
-    background-color: var(--inputColor) !important;
+    background-color: $grey-background-color !important;
+    color: #000 !important;
     border-radius: 3px !important;
     font-size: 15px !important;
-    color: var(--mainForegroundColor) !important;
     height: 30px !important;
     line-height: 30px !important;
     margin: 0 5px 0 0 !important;
@@ -193,8 +189,11 @@ p-calendar {
       top: -1px;
       height: auto !important;
       vertical-align: middle !important;
+
+      path  {
         fill: $grey-foreground-color !important;
       }
+    }
 
     &:hover {
       transform: none !important;

client/src/sass/include/_mixins.scss

@@ -76,6 +76,7 @@
   border-radius: 3px;
   padding-left: 15px;
   padding-right: 15px;
+  font-size: 15px;
 
   &::placeholder {
     color: var(--inputPlaceholderColor);

client/src/sass/primeng-custom.scss

@@ -263,6 +263,12 @@ p-calendar .ui-datepicker {
   }
 }
 
+.ui-chkbox {
+
+  &, .ui-chkbox-box {
+    width: 18px !important;
+    height: 18px !important;
+  }
 
   .ui-chkbox-box {
     &.ui-state-active {
@@ -278,9 +284,9 @@ p-calendar .ui-datepicker {
         content: '';
         position: absolute;
         top: 1px;
-      left: 7px;
+        left: 6px;
         width: 5px;
-      height: 13px;
+        height: 12px;
         opacity: 0;
         transform: rotate(45deg) scale(0);
         border-right: 2px solid var(--mainBackgroundColor);
@@ -293,6 +299,7 @@ p-calendar .ui-datepicker {
       }
     }
   }
+}
 
 p-inputswitch {
   .ui-inputswitch-checked .ui-inputswitch-slider {
@@ -354,3 +361,7 @@ p-toast {
     }
   }
 }
+
+.ui-widget {
+  font-family: $main-fonts !important;
+}