From 2e4048e57c26cf94fffedceaf3d60645307dfb64 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Sat, 11 Jul 2020 23:25:58 +0200
Subject: [PATCH] :lipstick: (home) add margin to music section

---
 src/views/Home.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 346b14a..04c118a 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -11,7 +11,12 @@
       <button v-show="timeState === 'started'" @click="pause">pause</button>
       <button v-show="timeState === 'started'" @click="clear">arrêter</button>
     </div>
-    <ZoneMusic :play="timeState === 'started'" @play="start" @pause="pause" />
+    <ZoneMusic
+      class="music"
+      :play="timeState === 'started'"
+      @play="start"
+      @pause="pause"
+    />
   </div>
 </template>
 
@@ -76,4 +81,8 @@ button {
 .global-time {
   font-size: calc(3em + 10vw);
 }
+
+.music {
+  margin: 1rem 0;
+}
 </style>