diff options
author | aschaap <8865084+aschaap@users.noreply.github.com> | 2021-04-08 04:44:43 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-08 10:44:43 +0200 |
commit | 9a8c02c9da7b538b3d726016c59a527fa3811ab0 (patch) | |
tree | c73bb36446c7c1f08ce6c27e14102fa9c0655141 /client/src/app/+my-library/my-videos/my-videos.component.scss | |
parent | 20373985c0d83f672ece5c061f4c5e96942f6243 (diff) | |
download | PeerTube-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
Diffstat (limited to 'client/src/app/+my-library/my-videos/my-videos.component.scss')
-rw-r--r-- | client/src/app/+my-library/my-videos/my-videos.component.scss | 7 |
1 files changed, 6 insertions, 1 deletions
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 | ||
12 | h1 { | 13 | h1 { |
@@ -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 | ||