diff --git a/src/assets/scss/Global/app-grid.scss b/src/assets/scss/Global/app-grid.scss index 02f6e634..81c84c09 100644 --- a/src/assets/scss/Global/app-grid.scss +++ b/src/assets/scss/Global/app-grid.scss @@ -41,8 +41,6 @@ $g-border: solid 1px $gray5; grid-area: l-sidebar; display: grid; grid-template-rows: 1fr max-content; - // border-top: none !important; - // border-bottom: none !important; border-right: $g-border; } @@ -51,6 +49,11 @@ $g-border: solid 1px $gray5; border-top: $g-border; } +.content-page { + margin-right: -$medium; + padding-right: calc(1rem - $small + 2px); +} + // ====== MODIFIERS ======= #app-grid.extendWidth { diff --git a/src/assets/scss/moz.scss b/src/assets/scss/moz.scss index 2e5a157a..3cfa92a4 100644 --- a/src/assets/scss/moz.scss +++ b/src/assets/scss/moz.scss @@ -6,6 +6,11 @@ padding-right: 1rem; } + .content-page { + margin-right: calc(0rem - ($medium + 4px)); + padding-right: calc(1rem - 3px) !important; + } + .header-list-layout { margin-right: calc(0rem - ($medium + 4px)) !important; diff --git a/src/components/BottomBar.vue b/src/components/BottomBar.vue index 46340c2c..58287db0 100644 --- a/src/components/BottomBar.vue +++ b/src/components/BottomBar.vue @@ -149,7 +149,7 @@ const settings = useSettingsStore(); } .info { - max-width: 30rem; + width: 30rem; .with-title { display: grid; diff --git a/src/views/PlaylistList.vue b/src/views/PlaylistList.vue index 64021b29..4d9e2257 100644 --- a/src/views/PlaylistList.vue +++ b/src/views/PlaylistList.vue @@ -1,5 +1,5 @@