mprovements

libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx

@@ -338,7 +338,8 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
           tooltipId="info-evm-version-warn"
           tooltipText={<span className="text-left">
             <FormattedMessage id='udapp.warningEvmVersion' values={{ evmVersion }}/>
-          </span>}
+          </span>
+          }
         >
           <span className='udapp_evmVersion badge alert-warning'>evm version: {evmVersion}</span>
         </CustomTooltip>

libs/remix-ui/run-tab/src/lib/components/contractGUI.tsx

@@ -274,20 +274,25 @@ export function ContractGUI (props: ContractGUIProps) {
         style={{ display: toggleContainer ? "none" : "flex" }}
       > 
         <CustomTooltip
+          delay={0}
           placement={"right"}
           tooltipClasses="text-wrap"
           tooltipId="remixUdappInstanceButtonTooltip"
           tooltipText={toggleUpgradeImp && !proxyAddress ? 'Proxy address cannot be empty' : (props.inputs !=='' && basicInput === '') ? 'Input required' : buttonOptions.title}
         >
-          <button
+          <div
+            className='d-flex'
             onClick={handleActionClick}
-            className={`udapp_instanceButton ${props.widthClass} btn btn-sm ${buttonOptions.classList}`}
+          >
+            <button
+              className={`udapp_instanceButton text-nowrap overflow-hidden text-truncate ${props.widthClass} btn btn-sm ${buttonOptions.classList}`}
               data-id={buttonOptions.dataId}
               data-title={buttonOptions.title}
               disabled={(toggleUpgradeImp && !proxyAddress) || props.disabled || (props.inputs !=='' && basicInput === '')}
             >
-            <div className='text-nowrap overflow-hidden text-truncate'>{title}</div>
+              {title}
             </button>
+          </div>
         </CustomTooltip>
         <input
           className="form-control"
@@ -400,16 +405,19 @@ export function ContractGUI (props: ContractGUIProps) {
               tooltipClasses="text-nowrap"
               tooltipId="remixUdappInstanceButtonTooltip"
               tooltipText={buttonOptions.title}
+            >
+              <div
+                onClick={handleExpandMultiClick}
               >
                 <button
                   type="button"
-                onClick={handleExpandMultiClick}
                   data-id={buttonOptions.dataId}
                   className={`udapp_instanceButton ${buttonOptions.classList}`}
-                disabled={props.disabled}
+                  disabled={props.disabled || (props.inputs !=='' && basicInput === '')}
                 >
                   {buttonOptions.content}
                 </button>
+              </div>
             </CustomTooltip>
           </div>
         </div>

libs/remix-ui/run-tab/src/lib/css/run-tab.css

@@ -361,9 +361,6 @@
   margin:0;
   word-break: inherit;
 }
-.udapp_contractProperty button:disabled {
-  cursor: not-allowed;
-}
 .udapp_contractProperty.udapp_constant button {
   min-width: 100px;
   width: 100px;