From 1d33ed3b7269a7a2b0c09163402ff9c1e9091ed3 Mon Sep 17 00:00:00 2001
From: yann300 <yann.levreau@gmail.com>
Date: Thu, 29 Sep 2022 16:29:23 +0200
Subject: [PATCH] fix UI

---
 .../src/lib/components/contractDropdownUI.tsx    | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx b/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
index 3eb9b6d65e..17f5edaa53 100644
--- a/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
+++ b/libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
@@ -237,21 +237,19 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
 
   return (
     <div className="udapp_container" data-id="contractDropdownContainer">
-      <div className='d-flex justify-content-between'>
+      <div className=''>
         <label className="udapp_settingsLabel">Contract</label>
-        <div className="d-flex justify-content-between">{ Object.keys(props.contracts.contractList).length > 0 && compilationSource !== '' && <label data-id="udappCompiledBy">Compiled by {compilationSource}</label>  }
-          <OverlayTrigger placement={'right'} overlay={
+        { Object.keys(props.contracts.contractList).length > 0 && compilationSource !== '' && <label className='ml-1' data-id="udappCompiledBy">Compiled by {compilationSource}</label>  }
+          { compilationSource !== '' && compilationSource !== 'remix' && <OverlayTrigger placement={'right'} overlay={
             <Tooltip className="text-nowrap" id="info-sync-compiled-contract">
               <div>Click here to import contracts compiled from an external framework.</div>
               <div>This action is enabled when Remix is connected to an external framework (hardhat, truffle, foundry) through remixd.</div>                  
             </Tooltip>
-          }>
-            <button className="btn d-flex p-3" onClick={_ => props.syncContracts()}>
-              <i style={{ cursor: 'pointer' }} className="fa fa-refresh mr-2 mt-2" aria-hidden="true"></i>
-              <label data-id="" className="mt-2">HardHat</label>
+            }>
+            <button className="btn" onClick={_ => props.syncContracts()}>
+              <i style={{ cursor: 'pointer' }} className="fa fa-refresh" aria-hidden="true"></i>
             </button>
-          </OverlayTrigger>
-        </div>
+          </OverlayTrigger> }
       </div>
       <div className="udapp_subcontainer">
        <select ref={contractsRef} value={currentContract} onChange={handleContractChange} className="udapp_contractNames custom-select" disabled={contractOptions.disabled} title={contractOptions.title} style={{ display: loadType === 'abi' && !isContractFile(currentFile) ? 'none' : 'block' }}>