From 095d53d61af045f88fd165dac3138fa114362704 Mon Sep 17 00:00:00 2001
From: Jorge Marcos <jorge.marcosfer@gmail.com>
Date: Tue, 8 Feb 2022 13:09:46 +0100
Subject: [PATCH] fix proportion slider height

---
 examples/demos/onsets/src/components/ProportionSlider.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/examples/demos/onsets/src/components/ProportionSlider.vue b/examples/demos/onsets/src/components/ProportionSlider.vue
index 2db1e1a..30ac4eb 100644
--- a/examples/demos/onsets/src/components/ProportionSlider.vue
+++ b/examples/demos/onsets/src/components/ProportionSlider.vue
@@ -1,6 +1,6 @@
 <template>
-    <div style="height: 50%;">
-        <div class="h-100 w-100 d-flex mb-2 rounded-lg" id="multislider" ref="TagSliderRef">
+    <div style="height: 6em;" id="multislider-container">
+        <div class="h-100 w-100 d-flex mb-2 rounded-lg flex-grow-1" id="multislider" ref="TagSliderRef">
             <proportion-tag 
             v-for="(tag, index) in tagsOn" :key="index" 
             :name="tag.name" 
@@ -10,7 +10,6 @@
             @slider-select-on="onSliderSelect($event, index)"
             @slider-select-off="showTagPercentage=false"
             @tag-clicked="removeTag"
-            class="flex-grow-1"
             @pointerenter="(name) => $emit('pointerenter', name)"
             @pointerleave="$emit('pointerleave')">
             </proportion-tag>