Fix too wide padding on small screens

This commit is contained in:
Eliot Berriot 2019-03-06 17:40:26 +01:00
parent 1a20223c38
commit 71859b6fb0
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 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>

View File

@ -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;
}
}