@everymatrix/casino-page 0.0.249 → 0.0.252

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.249",
+  "version": "0.0.252",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "38af455e241b6ef7ccabb2367be2be59e6b24352"
+  "gitHead": "6824e7c03c551fb8c35921b8846fdbbb49f76169"
 }

package/src/CasinoPage.svelte

@@ -16,7 +16,7 @@
 
   export let endpoint:string = '';
   export let datasource:string = '';
-  export let currency:string;
+  export let currency:string = '';
   export let lang:string = ''; // Language
   export let session:string = ''; // Value for sessionID
   export let userid:string = ''; // Value for UserID;
@@ -877,7 +877,6 @@
           </div>
         </div>
         {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searched && !searchFocus && !lobbyViewAux}
-          <div class="FiltersButtonsWrapperContainer" part="FiltersButtonsWrapperContainer">
             <div class="FiltersButtonsContainer" part="FiltersButtonsContainer">
             {#if numberOfFilters}
               <div class="ClearFilterButtonWrapper" part="ClearFilterButtonWrapper" on:click="{() => clearVendorFilter()}">
@@ -906,7 +905,6 @@
               {/if}
             {/if}
           </div>
-          </div>
         {/if}
       </div>
     {:else}
@@ -938,7 +936,7 @@
           </div>
         </div>
         {#if !favoritesScreen && !lobbyScreen && !mobileSearchViewActive && !mostPlayedScreen && !recentSearches && !searchFocus && !searched && !lobbyViewAux}
-          <div class="FiltersButtonsContainer" part="FiltersButtonsContainer">
+            <div class="FiltersButtonsContainer" part="FiltersButtonsContainer">
             {#if numberOfFilters}
               <div class="ClearFilterButtonWrapper {numberOfFilters ? 'FiltersActive' : ''}" part="ClearFilterButtonWrapper {numberOfFilters ? 'FiltersActive' : ''}" on:click="{() => clearVendorFilter()}">
                 <div class="ClearButton" part="ClearButton">Clear
@@ -1177,8 +1175,9 @@
     flex: 3;
     width: 100%;
     max-width: 600px;
-    margin: 0 auto;
+    margin: auto 0 auto 30%;
     &.SearchTruncated {
+      margin: auto 0 auto 30%;
       .SearchInput {
         tabindex: 999;
         padding: ttp(1.25) ttp(0.75) ttp(1.25) ttp(2.5);
@@ -1207,7 +1206,7 @@
         }
       }
       .SearchInput {
-        width: 100%;
+        width: 520px;
         display: block;
         padding: ttp(.75) ttp(.75) ttp(.75) ttp(2.5);
         border-radius: ttp(.4);
@@ -1248,18 +1247,12 @@
     }
   }
 
-  .FiltersButtonsWrapperContainer {
-    position: relative;
-  }
-
   .FiltersButtonsContainer {
     display: inline-flex;
+    flex-direction: row-reverse;
     flex: 1;
     grid-gap: 20px;
     flex-direction: row-reverse;
-    bottom: 0;
-    right: 0;
-    position: absolute;
   }
   .FilterButtonWrapper, .ClearFilterButtonWrapper {
     display: inline-flex;
@@ -1315,6 +1308,8 @@
 
   .CategoriesHeaderSection {
     width: 100%;
+    display: inline-flex;
+    flex-direction: row;
     margin-top: 30px;
   }
   .CategoriesHeaderMobileSection {