fixed all modals for providers

apps/remix-ide/src/app/tabs/ganache-provider.tsx

@@ -22,10 +22,12 @@ export class GanacheProvider extends AbstractProvider {
 
   body (): JSX.Element {
     return (
-      <div> Note: To run Ganache on your system, run
-        <div className="border p-1">yarn global add ganache</div> 
-        <div className="border p-1">ganache</div>       
-        For more info, visit: <a href="https://github.com/trufflesuite/ganache" target="_blank">Ganache Documentation</a>
+      <div> Note: To run Ganache on your system, run:
+        <div className="p-1 pl-3">yarn global add ganache</div> 
+        <div className="p-1 pl-3">ganache</div>       
+        <div className="pt-2 pb-4">
+          For more info, visit: <a href="https://github.com/trufflesuite/ganache" target="_blank">Ganache Documentation</a>
+        </div>
         <div>Ganache JSON-RPC Endpoint:</div>
       </div>
     )

apps/remix-ide/src/app/tabs/hardhat-provider.tsx

@@ -23,8 +23,10 @@ export class HardhatProvider extends AbstractProvider {
   body (): JSX.Element {
     return (
       <div> Note: To run Hardhat network node on your system, go to hardhat project folder and run command:
-        <div className="border p-1">npx hardhat node</div>       
-        For more info, visit: <a href="https://hardhat.org/getting-started/#connecting-a-wallet-or-dapp-to-hardhat-network" target="_blank">Hardhat Documentation</a>
+        <div className="p-1 pl-3">npx hardhat node</div>       
+        <div className="pt-2 pb-4">
+          For more info, visit: <a href="https://hardhat.org/getting-started/#connecting-a-wallet-or-dapp-to-hardhat-network" target="_blank">Hardhat Documentation</a>
+        </div>
         <div>Hardhat JSON-RPC Endpoint:</div>
       </div>
     )