aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authoraschaap <8865084+aschaap@users.noreply.github.com>2021-04-08 04:44:43 -0400
committerGitHub <noreply@github.com>2021-04-08 10:44:43 +0200
commit9a8c02c9da7b538b3d726016c59a527fa3811ab0 (patch)
treec73bb36446c7c1f08ce6c27e14102fa9c0655141
parent20373985c0d83f672ece5c061f4c5e96942f6243 (diff)
downloadPeerTube-9a8c02c9da7b538b3d726016c59a527fa3811ab0.tar.gz
PeerTube-9a8c02c9da7b538b3d726016c59a527fa3811ab0.tar.zst
PeerTube-9a8c02c9da7b538b3d726016c59a527fa3811ab0.zip
correct inconsistency in spacing "Sort By" for narrow screens (#3938)
Mimicked the approach used in other tabs under "My Library": * Adding bottom margin to search field to keep distance from "Sort By" * Fixing extra left margin on "Sort By" for narrow screens * Removed the `ml-2` class so that `!important` is no longer needed * Removed unnecessary `!important` from account video search field width
-rw-r--r--client/src/app/+my-library/my-videos/my-videos.component.html2
-rw-r--r--client/src/app/+my-library/my-videos/my-videos.component.scss7
2 files changed, 7 insertions, 2 deletions
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 b0d49efa2..e9f436378 100644
--- a/client/src/app/+my-library/my-videos/my-videos.component.html
+++ b/client/src/app/+my-library/my-videos/my-videos.component.html
@@ -26,7 +26,7 @@
26 <span class="sr-only" i18n>Clear filters</span> 26 <span class="sr-only" i18n>Clear filters</span>
27 </div> 27 </div>
28 28
29 <div class="peertube-select-container peertube-select-button ml-2"> 29 <div class="peertube-select-container peertube-select-button">
30 <select [(ngModel)]="sort" (ngModelChange)="onChangeSortColumn()" class="form-control"> 30 <select [(ngModel)]="sort" (ngModelChange)="onChangeSortColumn()" class="form-control">
31 <option value="undefined" disabled>Sort by</option> 31 <option value="undefined" disabled>Sort by</option>
32 <option value="-publishedAt" i18n>Last published first</option> 32 <option value="-publishedAt" i18n>Last published first</option>
diff --git a/client/src/app/+my-library/my-videos/my-videos.component.scss b/client/src/app/+my-library/my-videos/my-videos.component.scss
index b10f8b0ab..aaf21126b 100644
--- a/client/src/app/+my-library/my-videos/my-videos.component.scss
+++ b/client/src/app/+my-library/my-videos/my-videos.component.scss
@@ -7,6 +7,7 @@ input[type=text] {
7 7
8.peertube-select-container { 8.peertube-select-container {
9 @include peertube-select-container(auto); 9 @include peertube-select-container(auto);
10 margin-left: 0.5rem;
10} 11}
11 12
12h1 { 13h1 {
@@ -67,7 +68,11 @@ my-edit-button {
67 flex-direction: column; 68 flex-direction: column;
68 69
69 input[type=text] { 70 input[type=text] {
70 width: 100% !important; 71 width: 100%;
72 margin-bottom: 12px;
73 }
74 .peertube-select-container {
75 margin-left: 0;
71 } 76 }
72 } 77 }
73 78