Fix lint

[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / +video-edit / shared / video-edit.component.scss

diff --git a/client/src/app/+videos/+video-edit/shared/video-edit.component.scss b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
index c1c7c686db5ea516d86b8b654a7e92eddb80e109..1c6f7f5abc763a37cfda59d33ec51bfdbae95392 100644 (file)
--- a/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
+++ b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
@@ -1,25 +1,10 @@
-@import 'variables';
-@import 'mixins';
-
-label,
-my-dynamic-form-field ::ng-deep label {
-  font-weight: $font-regular;
-  font-size: 100%;
-}
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .peertube-select-container {
   @include peertube-select-container(auto);
 }
 
-.title-page a {
-  color: pvar(--mainForegroundColor);
-
-  &:hover {
-    text-decoration: none;
-    opacity: .8;
-  }
-}
-
 my-peertube-checkbox {
   display: block;
   margin-bottom: 1rem;
@@ -33,33 +18,17 @@ my-peertube-checkbox {
   height: 100%;
   min-height: 300px;
 
-  .form-group {
-    margin-bottom: 25px;
-  }
-
   input {
     @include peertube-input-text(100%);
     display: block;
   }
-
-  .label-tags + span {
-    font-size: 15px;
-  }
-
-  .advanced-settings .form-group {
-    margin-bottom: 20px;
-  }
 }
 
 .captions-header {
-  text-align: right;
+  text-align: end;
   margin-bottom: 1rem;
 }
 
-.create-caption {
-  @include create-button;
-}
-
 .caption-entry {
   display: flex;
   height: 40px;
@@ -68,7 +37,6 @@ my-peertube-checkbox {
   a.caption-entry-label {
     @include disable-default-a-behaviour;
 
-    flex-grow: 1;
     color: #000;
 
     &:hover {
@@ -77,15 +45,16 @@ my-peertube-checkbox {
   }
 
   .caption-entry-label {
-    font-size: 15px;
-    font-weight: bold;
+    @include margin-right(20px);
 
-    margin-right: 20px;
-    width: 150px;
+    font-weight: bold;
+    min-width: 100px;
   }
 
   .caption-entry-state {
-    width: 200px;
+    @include margin-right(15px);
+
+    min-width: 250px;
 
     &.caption-entry-state-create {
       color: #39CC0B;
@@ -96,6 +65,10 @@ my-peertube-checkbox {
     }
   }
 
+  .caption-entry-edit {
+    @include peertube-button;
+  }
+
   .caption-entry-delete {
     @include peertube-button;
     @include grey-button;
@@ -104,18 +77,16 @@ my-peertube-checkbox {
 
 .no-caption {
   text-align: center;
-  font-size: 15px;
 }
 
 .submit-container {
-  text-align: right;
+  text-align: end;
 
   .message-submit {
-    display: inline-block;
-    margin-right: 25px;
+    @include margin-right(25px);
 
+    display: inline-block;
     color: pvar(--greyForegroundColor);
-    font-size: 15px;
   }
 }