Fix my library responsive

diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html
index a48731e7cd6bfbb5e9ed085edcd1d6a24150155c..d97c35eff23d0781ee9cc61eec339278696af50a 100644 (file)
--- a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html
+++ b/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">

diff --git a/client/src/app/+my-library/my-follows/my-followers.component.html b/client/src/app/+my-library/my-follows/my-followers.component.html
index e9b0f635528da13a0a91a7ba9bbb316a0ec31be6..743187edb75bf301d581dac0178d438c7650772f 100644 (file)
--- a/client/src/app/+my-library/my-follows/my-followers.component.html
+++ b/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>

diff --git a/client/src/app/+my-library/my-follows/my-subscriptions.component.html b/client/src/app/+my-library/my-follows/my-subscriptions.component.html
index d5f164bf24217077b126b536287bceaa6e35acf5..f928d8caba70628dcf62f51cd1d05f289f56ad8a 100644 (file)
--- a/client/src/app/+my-library/my-follows/my-subscriptions.component.html
+++ b/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>

diff --git a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.html b/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.html
index 0091f70be2002eaf6242fb0ec5f41617d5a50428..3bab20a222dbcc0c9832849b4846087b0e0554be 100644 (file)
--- a/client/src/app/+my-library/my-video-playlists/my-video-playlists.component.html
+++ b/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">

diff --git a/client/src/app/+my-library/my-videos/my-videos.component.html b/client/src/app/+my-library/my-videos/my-videos.component.html
index 995f6b75b2ebc572d811c968c2ca4ab47500f2ef..9bb609ae8405ccfd21f15a46388049e5660284da 100644 (file)
--- a/client/src/app/+my-library/my-videos/my-videos.component.html
+++ b/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">