fix: make all button titles non-selectable

src/components/ProviderActions.svelte

@@ -64,20 +64,20 @@
 
 {#if msaInfo?.isProvider}
   <div class="w-500 flex justify-between">
-    <button on:click|preventDefault={showAddControlKey} class='btn-primary mr-4 grow select-none'> Add control key </button>
-    <button on:click={showStake} class='btn-primary ml-4 grow select-none'> Stake To Provider </button>
+    <button on:click|preventDefault={showAddControlKey} class='btn-primary mr-4 grow'> Add control key </button>
+    <button on:click={showStake} class='btn-primary ml-4 grow'> Stake To Provider </button>
   </div>
 {:else if msaInfo?.msaId > 0}
   <button
     on:click|preventDefault={showCreateOrRequestProvider}
     class:hidden={signingAddress === ''}
-    class='btn-primary select-none'
+    class='btn-primary'
   >
     Become a Provider
   </button>
 {:else if signingAddress !== ''}
   <p class="mt-6 p-2">The selected signing address does not have an MSA. An MSA is required to become a Provider.</p>
-  <button on:click|preventDefault={showCreateMsa} class:hidden={signingAddress === ''} class='btn-primary select-none'>
+  <button on:click|preventDefault={showCreateMsa} class:hidden={signingAddress === ''} class='btn-primary'>
     Create an MSA
   </button>
 {/if}

src/style/app.css

@@ -30,6 +30,7 @@
   .action-btn-r {
     @apply grow ml-3;
   }
+
 }
 
 body {
@@ -38,3 +39,7 @@ body {
   margin: 2em;
   background: linear-gradient(to bottom right, #293B59, #007DA1);
 }
+
+button {
+  @apply select-none;
+}