From dff27cad9d520bc281501cbfda313ce67c1be5cc Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 10 Oct 2019 13:39:24 +0200
Subject: [PATCH] Add margin below description instance on homepage

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/Home.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/js/src/views/Home.vue b/js/src/views/Home.vue
index a5c98a1f9..c20c5d4b1 100644
--- a/js/src/views/Home.vue
+++ b/js/src/views/Home.vue
@@ -5,7 +5,7 @@
           <div class="container">
             <h1 class="title">{{ $t('Gather ⋅ Organize ⋅ Mobilize') }}</h1>
             <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 -->
             <!-- <p v-if="!config.registrationsOpen">
               {{ $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 {
       max-width: 400px;
     }
+
+    .instance-description {
+      margin-bottom: 1rem;
+    }
   }
 </style>