Fix donation amount slider on touch devices

client/src/components/BlockInfo.svelte

@@ -282,6 +282,12 @@
     }
   }
 
+  @media screen and (max-height: 760px) {
+    .explore-button {
+      bottom: -1em;
+    }
+  }
+
   .block-info.landscape {
     bottom: unset;
     left: unset;

client/src/components/TxViz.svelte

@@ -575,7 +575,7 @@
   {/if}
 
   {#if $loading}
-    <div class="loading-overlay" in:fade={{ delay: 100, duration: 500 }} out:fade={{ duration: 200 }}>
+    <div class="loading-overlay" in:fade={{ delay: 500, duration: 500 }} out:fade={{ duration: 200 }}>
       <div class="loading-wrapper">
         <LoadingAnimation />
         <p class="loading-msg">loading</p>

client/src/components/sponsor/SatoshiSlider.svelte

@@ -110,7 +110,7 @@ function cancelDrag (e) {
         </div>
       {/each}
     </div>
-    <span class="handle" style={handleStyle} on:pointerdown={startDrag}/>
+    <span class="handle" style={handleStyle} on:pointerdown={startDrag} draggable={false}/>
   </div>
 </div>
 
@@ -118,6 +118,7 @@ function cancelDrag (e) {
   .satoshi-slider {
     width: 100%;
     position: relative;
+    touch-action: none;
 
     .track {
       position: relative;