update markup and cursor

apps/vyper/src/app/app.tsx

@@ -102,19 +102,33 @@ const App = () => {
             placement="bottom"
             tooltipText="Clone Vyper examples. Switch to the File Explorer to see the examples."
           >
-            <Button data-id="add-repository" className="w-100 text-dark bg-light btn-secondary" onClick={() => remixClient.cloneVyperRepo()}>
+            <Button data-id="add-repository" className="w-100 btn btn-secondary" onClick={() => remixClient.cloneVyperRepo()}>
             Clone Vyper examples repository
             </Button>
           </CustomTooltip>
         </div>
         <ToggleButtonGroup name="remote" className="mb-3" onChange={setEnvironment} type="radio" value={state.environment}>
-          <ToggleButton data-id="remote-compiler" variant="secondary" name="remote" value="remote">
+          <ToggleButton
+            data-id="remote-compiler"
+            variant="secondary"
+            name="remote"
+            value="remote"
+            style={{ cursor: state.environment === 'remote' ? 'default' : 'pointer' }}
+          >
             Remote Compiler
           </ToggleButton>
-          <ToggleButton id="local-compiler" data-id="local-compiler" variant="secondary" name="local" value="local">
+          <ToggleButton
+            id="local-compiler"
+            data-id="local-compiler"
+            variant="secondary"
+            name="local"
+            value="local"
+            style={{ cursor: state.environment === 'local' ? 'default' : 'pointer' }}
+          >
             Local Compiler
           </ToggleButton>
         </ToggleButtonGroup>
+        <span className="px-3 mt-1 mb-1 small text-warning">Specify the compiler version & EVM version in the .vy file</span>
         <LocalUrlInput url={state.localUrl} setUrl={setLocalUrl} environment={state.environment} />
         <div className="px-3 w-100 mb-3 mt-1" id="compile-btn">
           <CompilerButton