From 10846ef656585ee857ec43fc22b490409ddd0d44 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Fri, 7 Aug 2020 15:39:25 +0200 Subject: Fix playlist layout on mobile --- .../my-account-video-playlist-elements.component.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'client/src/app') 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 @@ .playlist-info { background-color: pvar(--submenuColor); - margin-left: -15px; + margin-left: -$not-expanded-horizontal-margins; margin-top: -$sub-menu-margin-bottom; - padding: $sub-menu-margin-bottom 0 -15px 0; + padding: 10px; display: flex; justify-content: center; @@ -45,7 +45,9 @@ @media screen and (max-width: $small-view) { .playlist-info { - margin-top: -$sub-menu-margin-bottom-small-view; + width: 100vw; + padding-top: 20px; + margin-left: calc(#{var(--expanded-horizontal-margin-content)} * -1); } } -- cgit v1.2.3