diff --git a/front/src/components/library/Home.vue b/front/src/components/library/Home.vue index 5e81dbdc86acd8f495e1c667d35f8e119b768918..19b667335fe14228118650a44bc080b1ab8fae57 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>Recently added</translate></template> </album-widget> diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss index 311e0e9dcb5a114ce3133bdbba81993a5c34f110..3e5adb8ca96c0e65b777ee9c04018eb4200a142d 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; } }