@everymatrix/player-account-self-exclusion 0.0.166 → 0.0.170

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-self-exclusion",
-  "version": "0.0.166",
+  "version": "0.0.170",
   "main": "dist/player-account-self-exclusion",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cc5cea8f5d4ed68bf0b052d98cc82ce69e97fc45"
+  "gitHead": "3836860c7d1128dcea8bc1638c7912ee0f50ce6b"
 }

package/src/PlayerAccountSelfExclusion.svelte

@@ -75,9 +75,18 @@
 
 <div class="SelfExclusionWrapper {isMobile ? 'SelfExclusionWrapperMobile' : ''}">
   {#if isMobile}
-    <div class="MenuReturnButton" on:click={() => toggleScreen()}></div>
+    <div class="MenuReturnButton" on:click={() => toggleScreen()}>
+      <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:#d0046c;}</style></defs><g transform="translate(-20 -158)">
+        <g transform="translate(20 158)">
+          <path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
+        </g></g>
+      </svg>
+      <h2 class="PlayerSelfExclusionTitleMobile">Self-Exclusion</h2>
+    </div>
   {/if}
-  <h2 class="SelfExclusionTitle {isMobile ? 'SelfExclusionTitleMobile' : ''}">Self-Exclusion</h2>
+  <h2 class="PlayerSelfExclusionTitle {isMobile ? 'PlayerSelfExclusionTitleNone' : ''}">Self-Exclusion</h2>
+
+
   <div class="SelfExclusionDescription {isMobile ? 'SelfExclusionDescriptionMobile' : ''}">
     <p class="SelfExclusionDescriptionText">Everymatrix recognizes that gambling can lead to addiction and in our effort to prevent these problems, we offer our users the ability to exclude all forms of betting on our site for a certain of indefinite period of time.</p>
     <p class="SelfExclusionDescriptionText">Self-exclusion takes effect from the time it is set for the period you choose. Select a timeframe below then click "Confirm".</p>
@@ -115,6 +124,21 @@
     @return $value * $multiplicator;
   }
 
+  .PlayerSelfExclusionTitle {
+    font-size: 26px;
+    color: #D0046C;
+    font-weight: 400;
+  }
+
+  .PlayerSelfExclusionTitleMobile {
+    font-size: 16px;
+    color: #D0046C;
+  }
+
+  .PlayerSelfExclusionTitleNone {
+    display: none;
+  }
+
   .SelfExclusionWrapper {
     color: #07072A;
     padding: 50px;
@@ -130,8 +154,8 @@
     color: #58586B;
     display: inline-flex;
     align-items: center;
-    column-gap: ttp(0.625);
-    margin-bottom: ttp(1.875);
+    column-gap: 10px;
+    margin-bottom: 10px;
   }