aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-08-07 15:39:25 +0200
committerChocobozzz <me@florianbigard.com>2020-08-10 09:43:44 +0200
commit10846ef656585ee857ec43fc22b490409ddd0d44 (patch)
treef1780290b36d02c11191d0444e6a3ea9bbce5ccc /client/src/app/+my-account
parent203d594f2d20c6a573e80f7044cce4bce5dd72a9 (diff)
downloadPeerTube-10846ef656585ee857ec43fc22b490409ddd0d44.tar.gz
PeerTube-10846ef656585ee857ec43fc22b490409ddd0d44.tar.zst
PeerTube-10846ef656585ee857ec43fc22b490409ddd0d44.zip
Fix playlist layout on mobile
Diffstat (limited to 'client/src/app/+my-account')
-rw-r--r--client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss8
1 files changed, 5 insertions, 3 deletions
diff --git a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
index 3f2c345d2..4531e475a 100644
--- a/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
+++ b/client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.scss
@@ -4,10 +4,10 @@
4 4
5.playlist-info { 5.playlist-info {
6 background-color: pvar(--submenuColor); 6 background-color: pvar(--submenuColor);
7 margin-left: -15px; 7 margin-left: -$not-expanded-horizontal-margins;
8 margin-top: -$sub-menu-margin-bottom; 8 margin-top: -$sub-menu-margin-bottom;
9 9
10 padding: $sub-menu-margin-bottom 0 -15px 0; 10 padding: 10px;
11 11
12 display: flex; 12 display: flex;
13 justify-content: center; 13 justify-content: center;
@@ -45,7 +45,9 @@
45 45
46@media screen and (max-width: $small-view) { 46@media screen and (max-width: $small-view) {
47 .playlist-info { 47 .playlist-info {
48 margin-top: -$sub-menu-margin-bottom-small-view; 48 width: 100vw;
49 padding-top: 20px;
50 margin-left: calc(#{var(--expanded-horizontal-margin-content)} * -1);
49 } 51 }
50} 52}
51 53