diff --git a/capsule-prototype/css/mosaic.css b/capsule-prototype/css/mosaic.css index b4e62623c15692ab998822b1c569f00c16b66776..8a214fdd0e1c7d0ab4e2b7d021d088ea08e5826c 100644 --- a/capsule-prototype/css/mosaic.css +++ b/capsule-prototype/css/mosaic.css @@ -29,6 +29,20 @@ flex-wrap: wrap; } +.mosaic_filter_item_select { + min-width: min-content; + height: var(--filter-height); + margin: var(--base-spacing); + padding: var(--base-spacing); + border-radius: var(--border-radius); + display: flex; + flex-direction: row; + justify-content: left; + padding-left: var(--filter-bg-size); + align-items: center; + flex-grow: 1; +} + .mosaic_filter_item, .mosaic_label_filter { min-width: min-content; height: var(--filter-height); diff --git a/capsule-prototype/js/MosaicPanelWidget.js b/capsule-prototype/js/MosaicPanelWidget.js index eabe84260f4076b7d907f0f52195a926707a377b..8914bb197b4710233c3a4282aa80ff6a165fbf4f 100644 --- a/capsule-prototype/js/MosaicPanelWidget.js +++ b/capsule-prototype/js/MosaicPanelWidget.js @@ -97,7 +97,7 @@ let selectDiv = $('<div class="filter-type-selector">'); selectDiv.addClass("mosaic_filter"); - let outerDiv = $('<div class="mosaic_filter_item mosaic_filter_item_select" style="display: flex; flex-direction: row; justify-content:center; align-items: center; align-content: center; ">'); + let outerDiv = $('<div class="mosaic_filter_item_select" style="display: flex; flex-direction: row; justify-content:center; align-items: center; align-content: center; ">'); let selectElement = $('<select>');