Fix ng-select width

3 files changed, 7 insertions, 17 deletions

diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
index 4c64bd2e0..665247368 100644
--- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
+++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
@@ -42,12 +42,11 @@ input[type=checkbox] {
   @include peertube-select-container($form-base-input-width);
 }
 
-ng-select {
-  @include ng-select($form-base-input-width);
-}
-
+ng-select,
 my-select-checkbox {
-  @include ng-select($form-base-input-width);
+  @include responsive-width($form-base-input-width);
+
+  display: block;
 }
 
 input[type=submit] {
diff --git a/client/src/app/shared/shared-user-settings/user-video-settings.component.scss b/client/src/app/shared/shared-user-settings/user-video-settings.component.scss
index d6a17703a..2cbd92d41 100644
--- a/client/src/app/shared/shared-user-settings/user-video-settings.component.scss
+++ b/client/src/app/shared/shared-user-settings/user-video-settings.component.scss
@@ -20,7 +20,9 @@ input[type=submit] {
 }
 
 my-select-checkbox {
-  @include ng-select(340px);
+  @include responsive-width(340px);
+
+  display: block;
 }
 
 .form-group-select {
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 1231d2c44..10ab44f57 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -313,17 +313,6 @@
   }
 }
 
-@mixin ng-select ($width) {
-  ::ng-deep &.ng-select,
-  ::ng-deep .ng-select {
-    width: $width;
-
-    @media screen and (max-width: $width) {
-      width: 100%;
-    }
-  }
-}
-
 @mixin peertube-select-container ($width) {
   padding: 0;
   margin: 0;