tooltip and block buttons

apps/etherscan/src/app/components/SubmitButton.tsx

@@ -1,4 +1,5 @@
 import React from "react"
+import { CustomTooltip } from '@remix-ui/helper'
 
 interface Props {
   text: string
@@ -14,15 +15,20 @@ export const SubmitButton: React.FC<Props> = ({
   disable = true
 }) => {
   return (
+    <CustomTooltip
+      tooltipText={disable ? "Fill the fields with valid values" : "Click to proceed"}
+      tooltipId='etherscan-submit-button'
+      placement='bottom'
+    >
+      <div>
         <button
           data-id={dataId}
-      style={{ padding: "0.25rem 0.4rem", marginRight: "0.5em" }}
+          style={{ padding: "0.25rem 0.4rem", marginRight: "0.5em", pointerEvents: 'none' }}
           type="submit"
-      className="btn btn-primary"
+          className="btn btn-primary btn-block text-decoration-none"
           disabled={disable}
         >
           {!isSubmitting && text}
-
           {isSubmitting && (
             <div>
               <span
@@ -35,5 +41,7 @@ export const SubmitButton: React.FC<Props> = ({
             </div>
           )}
         </button>
+      </div>
+    </CustomTooltip>
   )
 }

apps/etherscan/src/app/views/VerifyView.tsx

@@ -189,7 +189,7 @@ export const VerifyView: React.FC<Props> = ({
               ? true 
               : false}
             />
-            <br/><br/>
+            <br/>
             <CustomTooltip
               tooltipText='Generate the required TS scripts to verify a contract on Etherscan'
               tooltipId='etherscan-generate-scripts'
@@ -198,7 +198,7 @@ export const VerifyView: React.FC<Props> = ({
               <button
                 type="button"
                 style={{ padding: "0.25rem 0.4rem", marginRight: "0.5em", marginBottom: "0.5em"}}
-                className="btn btn-secondary"
+                className="btn btn-secondary btn-block"
                 onClick={async () => {
                   if (!await client.call('fileManager', 'exists' as any, 'scripts/etherscan/receiptStatus.ts')) {
                     await client.call('fileManager', 'writeFile', 'scripts/etherscan/receiptStatus.ts', receiptGuidScript)