Add margin below description instance on homepage

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2019-10-10 13:39:24 +02:00
parent 98dcbbe5b0
commit dff27cad9d
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773

View File

@ -5,7 +5,7 @@
<div class="container"> <div class="container">
<h1 class="title">{{ $t('Gather ⋅ Organize ⋅ Mobilize') }}</h1> <h1 class="title">{{ $t('Gather ⋅ Organize ⋅ Mobilize') }}</h1>
<p class="subtitle">{{ $t('Join {instance}, a Mobilizon instance', { instance: config.name }) }} <p class="subtitle">{{ $t('Join {instance}, a Mobilizon instance', { instance: config.name }) }}
<p>{{ config.description }}</p> <p class="instance-description">{{ config.description }}</p>
<!-- We don't invite to find other instances yet --> <!-- We don't invite to find other instances yet -->
<!-- <p v-if="!config.registrationsOpen"> <!-- <p v-if="!config.registrationsOpen">
{{ $t("This instance isn't opened to registrations, but you can register on other instances.") }} {{ $t("This instance isn't opened to registrations, but you can register on other instances.") }}
@ -325,5 +325,9 @@ export default class Home extends Vue {
.column figure.image img { .column figure.image img {
max-width: 400px; max-width: 400px;
} }
.instance-description {
margin-bottom: 1rem;
}
} }
</style> </style>