Fix too wide padding on small screens

This commit is contained in:
Eliot Berriot 2019-03-06 17:40:26 +01:00
parent bfe471d5e4
commit 4f98e5ae7f
No known key found for this signature in database
GPG Key ID: DD6965E2476E5C27
2 changed files with 7 additions and 4 deletions

View File

@ -19,8 +19,8 @@
</div> </div>
</div> </div>
<div class="ui section hidden divider"></div> <div class="ui section hidden divider"></div>
<div class="ui grid"> <div class="ui stackable one column grid">
<div class="ui row"> <div class="column">
<album-widget :filters="{playable: true, ordering: '-creation_date'}"> <album-widget :filters="{playable: true, ordering: '-creation_date'}">
<template slot="title"><translate>Recently added</translate></template> <template slot="title"><translate>Recently added</translate></template>
</album-widget> </album-widget>

View File

@ -143,9 +143,12 @@ body {
} }
.ui.stripe.segment, .ui.stripe.segment,
#footer { #footer {
padding: 2em; padding: 1em;
@include media(">tablet") { @include media(">tablet") {
padding: 4em; padding: 2em;
}
@include media(">desktop") {
padding: 3em;
} }
} }