@everymatrix/casino-page 0.0.199 → 0.0.203

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.199",
+  "version": "0.0.203",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "92884caad124fb581a2825d771ad76a424b2c98c"
+  "gitHead": "31d7d9eeef7e68b954b83fb3dde25db05d8edf74"
 }

package/src/CasinoPage.svelte

@@ -887,6 +887,7 @@
                 </svg>
               </div>
             {/if}
+
             <input id="SearchField" class="SearchInput" on:focus={onFocus} on:blur={onBlur} bind:this={searchElement} bind:value={searchValue} placeholder="{(getDevice(userAgent) === 'PC') ? $_('casinoPage.search') : $_('casinoPage.searchMobile')}" type="search" on:focus={searchActivated} />
             {#if ((getDevice(userAgent) === 'PC') && searchValue.length) ||  (getDevice(userAgent) !== 'PC') }
               <span class="{(getDevice(userAgent) === 'PC') ? 'ClearSearchButton' : 'ClearSearchButtonMobile'} " on:click="{() => clearSearchbar()}">
@@ -900,9 +901,9 @@
           </div>
         </div>
         {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !lobbyViewAux}
-          <div class="FiltersButtonsContainer">
+          <div class="FiltersButtonsContainer ">
             {#if numberOfFilters}
-              <div class="ClearFilterButtonWrapper {numberOfFilters ? 'FiltersActive' : ''}" on:click="{() => clearVendorFilter()}">
+              <div class="ClearFilterButtonWrapper {numberOfFilters ? 'FiltersActive' : ''} " on:click="{() => clearVendorFilter()}">
                 <div class="ClearButton">Clear
                   <span class="ClearIcon">
                     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
@@ -920,9 +921,11 @@
                   <div class="FilterButton">Filters</div>
                   <div class="FilterIconContainer">
                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 26 26"><defs><style>.a{fill:#fff;}</style></defs><path class="a" d="M16.7,32.2a1.654,1.654,0,0,1-.636-.148,1.526,1.526,0,0,1-.867-1.393V20.578L5.433,10.588A1.543,1.543,0,0,1,5,9.491V7.742A1.512,1.512,0,0,1,6.5,6.2h23A1.512,1.512,0,0,1,31,7.742V9.491a1.543,1.543,0,0,1-.433,1.1L20.8,20.578v7.738a1.594,1.594,0,0,1-.52,1.156l-2.6,2.312A1.461,1.461,0,0,1,16.7,32.2ZM6.618,9.431l9.764,10.02a1.543,1.543,0,0,1,.433,1.1v9.813l2.34-2.075V20.519a1.543,1.543,0,0,1,.433-1.1L29.353,9.4V7.831H6.618Z" transform="translate(-5 -6.2)"/></svg>
+                    {#if numberOfFilters > 0}
                     <div class="NumberOfFiltersContainer">
                       <span class="NumberOfFilters">{numberOfFilters}</span>
                     </div>
+                      {/if}
                   </div>
                 </div>
               {/if}
@@ -1125,7 +1128,7 @@
     max-width: ttp(40);
     margin: 0 auto;
     &.SearchTruncated {
-      margin: auto 5% auto 15%;
+      margin: auto 0 auto 25%;
       .SearchInput {
         tabindex: 999;
         padding: ttp(1.25) ttp(0.75) ttp(1.25) ttp(2.5);
@@ -1357,7 +1360,7 @@
           display: none;
         }
         .FilterButtonWrapper {
-          border-radius: 6.4px;
+          border-radius: 5px;
           border: 1px solid #fff;
           background: transparent;
           color: #fff;