Fix my library responsive

client/src/app/+my-library/+my-video-channels/my-video-channels.component.html

@@ -1,5 +1,5 @@
 <h1>
-  <span>
+  <span class="text-nowrap me-2">
     <my-global-icon iconName="channel" aria-hidden="true"></my-global-icon>
     <ng-container i18n>My channels</ng-container>
     <span *ngIf="totalItems" class="pt-badge badge-secondary">{{ totalItems }}</span>
@@ -15,7 +15,7 @@
 
 <my-channels-setup-message [hideLink]="true"></my-channels-setup-message>
 
-<div class="video-channels-header d-flex justify-content-between">
+<div class="video-channels-header d-flex justify-content-between gap-2">
   <my-advanced-input-filter (search)="onSearch($event)"></my-advanced-input-filter>
 
   <a class="create-button" routerLink="/manage/create">

client/src/app/+my-library/my-follows/my-followers.component.html

@@ -1,5 +1,5 @@
 <h1>
-  <span>
+  <span class="text-nowrap me-2">
     <my-global-icon iconName="follower" aria-hidden="true"></my-global-icon>
     <ng-container i18n>My followers</ng-container>
     <span *ngIf="pagination.totalItems" class="pt-badge badge-secondary"> {{ pagination.totalItems }}</span>

client/src/app/+my-library/my-follows/my-subscriptions.component.html

@@ -1,5 +1,5 @@
 <h1>
-  <span>
+  <span class="text-nowrap me-2">
     <my-global-icon iconName="subscriptions" aria-hidden="true"></my-global-icon>
     <ng-container i18n>My subscriptions</ng-container>
     <span *ngIf="pagination.totalItems" class="pt-badge badge-secondary"> {{ pagination.totalItems }}</span>

client/src/app/+my-library/my-video-playlists/my-video-playlists.component.html

@@ -6,7 +6,7 @@
 
 <my-channels-setup-message></my-channels-setup-message>
 
-<div class="video-playlists-header d-flex justify-content-between">
+<div class="video-playlists-header d-flex justify-content-between gap-2">
   <my-advanced-input-filter (search)="onSearch($event)"></my-advanced-input-filter>
 
   <a class="create-button" routerLink="create">

client/src/app/+my-library/my-videos/my-videos.component.html

@@ -1,5 +1,5 @@
 <h1>
-  <span>
+  <span class="text-nowrap me-2">
     <my-global-icon iconName="videos" aria-hidden="true"></my-global-icon>
     <ng-container i18n>My videos</ng-container>
     <span *ngIf="pagination.totalItems" class="pt-badge badge-secondary"> {{ pagination.totalItems }}</span>
@@ -18,7 +18,7 @@
   </div>
 </h1>
 
-<div class="videos-header d-flex justify-content-between">
+<div class="videos-header d-flex justify-content-between gap-2">
   <my-advanced-input-filter [emitOnInit]="false" [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter>
 
   <div class="peertube-select-container peertube-select-button">