From 1568221ec3c3692fea2a75946375a4d615d9bf8d Mon Sep 17 00:00:00 2001
From: Jorge Marcos <jorge.marcosfer@gmail.com>
Date: Wed, 9 Feb 2022 17:39:35 +0100
Subject: [PATCH] adjust vertical distribution of main sections

---
 examples/demos/onsets/src/App.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/examples/demos/onsets/src/App.vue b/examples/demos/onsets/src/App.vue
index c92c43c..2281475 100644
--- a/examples/demos/onsets/src/App.vue
+++ b/examples/demos/onsets/src/App.vue
@@ -9,13 +9,13 @@
           <template slot="dismiss">Got it!</template>
         </instructions-modal>
       </div>
-      <main v-show="instructionsClosed" class="d-flex flex-column justify-content-between align-items-center">
+      <main v-show="instructionsClosed" class="d-flex flex-column align-items-center">
         <demos-header></demos-header>
-        <section id="middle-screen" class="d-flex flex-column justify-content-around align-items-center container-fluid">
+        <section id="middle-screen" class="d-flex flex-column align-items-center container-fluid">
           <browse-display></browse-display>
           <algorithm-controls :init="algorithmParameters"></algorithm-controls>
         </section>
-        <demos-footer></demos-footer>
+        <demos-footer class="mt-auto"></demos-footer>
       </main>
   </div>
 </template>