feat:spin wheel while waiting + css fix : mobile view on search bar

Author: ajaykirarkit

src/main.ts

@@ -155,6 +155,7 @@ class MappingInputProvider extends HTMLElement {
   */
   executeMapping(): Promise<any>;
   async executeMapping(download: boolean = false): Promise<any> {
+    document.body.style.cursor = 'wait';
     let inputElement: HTMLInputElement = <HTMLInputElement>(
       this.shadowRoot.getElementById("mappingchooser")
     );
@@ -187,7 +188,9 @@ class MappingInputProvider extends HTMLElement {
           }).catch(error => {
             console.error("Error occured due to response other than 200:", error);
             alert("A remote mapping error occured. Please check server logs for details.");
-          });
+          }).finally(() => {
+            document.body.style.cursor = 'auto';
+          })
       }
     }
   }

src/style.css

@@ -62,6 +62,7 @@ button:hover {
   border-radius: 3.125rem;
   padding: 0.625rem 1.25rem;
   box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.3);
+  width: fit-content;
 }
 
 .mapping-input {