diff --git a/capsule-prototype/css/mosaic.css b/capsule-prototype/css/mosaic.css index 98ef4db233a70cd38a78844ad7f307bc54844aa7..a54def1d8e1a1eabbf6cae488f4f1fadb05173f7 100644 --- a/capsule-prototype/css/mosaic.css +++ b/capsule-prototype/css/mosaic.css @@ -40,6 +40,7 @@ justify-content: left; padding-left: var(--filter-bg-size); align-items: center; + flex-grow: 1; } .mosaic_label_filter_enabled { diff --git a/capsule-prototype/js/MosaicPanelWidget.js b/capsule-prototype/js/MosaicPanelWidget.js index b400705a130baf693dec222c2601543a7f13a705..753827c5fa417206525bc8458f77732281138d24 100644 --- a/capsule-prototype/js/MosaicPanelWidget.js +++ b/capsule-prototype/js/MosaicPanelWidget.js @@ -124,9 +124,9 @@ } labels.forEach(l => { - let button = $('<p/>').html(l); + let button = $('<div/>').html($('<h2>' + l + '</h2>')); button.my_state = undefined; - button.addClass('mosaic_label_filter'); + button.addClass('mosaic_filter_item mosaic_button'); button.click(ev => { if (typeof (ev.target.my_state) === 'undefined') ev.target.my_state = true; else ev.target.my_state = !ev.target.my_state;