Fix my library responsive

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-library / my-videos / my-videos.component.html

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">