diff --git a/front/src/components/library/Home.vue b/front/src/components/library/Home.vue index 7e44a46d216ac8a6ac816955b7ec627e638b6b69..42653c3a573b6a21ec865be0df237327f671490e 100644 --- a/front/src/components/library/Home.vue +++ b/front/src/components/library/Home.vue @@ -19,8 +19,8 @@ </div> </div> <div class="ui section hidden divider"></div> - <div class="ui grid"> - <div class="ui row"> + <div class="ui stackable one column grid"> + <div class="column"> <album-widget :filters="{playable: true, ordering: '-creation_date'}"> <template slot="title"><translate :translate-context="'Content/Home/Title'">Recently added</translate></template> </album-widget> diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss index 7dda3b26475eb25ea638ab72e79fdcb532a93184..ebd63d27d03181fc5db0fb976b8d5710a4c6b2c5 100644 --- a/front/src/style/_main.scss +++ b/front/src/style/_main.scss @@ -143,9 +143,12 @@ body { } .ui.stripe.segment, #footer { - padding: 2em; + padding: 1em; @include media(">tablet") { - padding: 4em; + padding: 2em; + } + @include media(">desktop") { + padding: 3em; } }