Bugfix: prevent badge from being positioned at wrong place

When the search bar was initialized with no filters (nrSelectedFilters = 0): the badge would be hidden and thereby not positioned next to the filter button. Onc
e a filter was selected (nrSelectedFilters > 0), the badge became visible but wa
sn't positioned correctly.
This is avoided by positioning the badge from the beginning but just making it invisible.

paper-search-bar.html

@@ -64,6 +64,10 @@
 				--paper-badge-margin-left: -5px;
 				--paper-badge-margin-bottom: -25px;
 			}
+
+			.badge[invisible] {
+				visibility: hidden;
+			}
 		</style>
 
 		<iron-icon icon="[[icon]]" class="icon"></iron-icon>
@@ -79,7 +83,7 @@
 			<template is="dom-if" if="{{!disableFilterButton}}">
 				<paper-icon-button id="filter" icon="image:tune" on-tap="_filter" class="icon"></paper-icon-button>
 			</template>
-			<paper-badge for="filter" label="[[nrSelectedFilters]]" class="badge" hidden$="[[!nrSelectedFilters]]"></paper-badge>
+			<paper-badge for="filter" label="[[nrSelectedFilters]]" class="badge" invisible$="[[!nrSelectedFilters]]"></paper-badge>
 		</template>
 	</template>
 </dom-module>