Correctly unsubscribe upload events on destroy

[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / +video-edit / video-add-components / video-send.scss

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
index dc9153b2ba067677acc24543eae7c2c996056644..684ab23cc4dce82f130a44e7767fc687702b3bfe 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-send.scss
@@ -1,7 +1,7 @@
-@import 'variables';
-@import 'mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
-$width-size: 190px;
+$width-size: 275px;
 
 .alert.alert-danger {
   text-align: center;
@@ -17,7 +17,7 @@ $width-size: 190px;
   align-items: center;
 
   .upload-icon {
-    @include apply-svg-color(#C6C6C6);
+    @include apply-svg-color(pvar(--inputBorderColor));
 
     width: 90px;
     margin-bottom: 25px;
@@ -27,13 +27,20 @@ $width-size: 190px;
     @include peertube-select-container($width-size);
   }
   my-select-options ::ng-deep ng-select,
-  my-select-channel ::ng-deep ng-select {
+  my-select-channel ::ng-deep ng-select,
+  .peertube-radio-container,
+  .form-group-description {
     width: $width-size;
+
     @media screen and (max-width: $width-size) {
       width: 100%;
     }
   }
 
+  .form-group-description {
+    white-space: nowrap;
+  }
+
   input[type=text] {
     @include peertube-input-text($width-size);
     display: block;