delete button

apps/remix-ide/src/app/tabs/locales/en/udapp.json

@@ -105,7 +105,7 @@
   "udapp.tooltipText13": "Deployed {date}",
 
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
-  "udapp.tooltipText7": "Remove from the list",
+  "udapp.tooltipTextRemove": "Remove from the list",
   "udapp.tooltipTextPin": "Pin contract",
   "udapp.tooltipText8": "Click for docs about using 'receive'/'fallback'",
   "udapp.tooltipText9": "The Calldata to send to fallback function of the contract.",

apps/remix-ide/src/app/tabs/locales/es/udapp.json

@@ -88,7 +88,7 @@
   "udapp.tooltipText12": "Entrada requerida",
   "udapp.tooltipText13": "Publicado en {date}",
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
-  "udapp.tooltipText7": "Eliminar de la lista",
+  "udapp.tooltipTextRemove": "Eliminar de la lista",
   "udapp.tooltipText8": "Haga clic para ver los documentos sobre el uso de 'receive'/'fallback'",
   "udapp.tooltipText9": "El datos de llamada a enviar a la función fallback del contrato.",
   "udapp.tooltipText10": "Enviar datos al contrato.",

apps/remix-ide/src/app/tabs/locales/fr/udapp.json

@@ -88,7 +88,7 @@
   "udapp.tooltipText12": "Entrée nécessaire",
   "udapp.tooltipText13": "Déployé {date}",
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
-  "udapp.tooltipText7": "Supprimer de la liste",
+  "udapp.tooltipTextRemove": "Supprimer de la liste",
   "udapp.tooltipText8": "Cliquez sur la documentation à propos de l'utilisation de 'receive'/'fallback'",
   "udapp.tooltipText9": "Les Calldata à envoyer à la fonction fallback du contrat.",
   "udapp.tooltipText10": "Envoyer des données au contrat.",

apps/remix-ide/src/app/tabs/locales/it/udapp.json

@@ -88,7 +88,7 @@
   "udapp.tooltipText12": "Input richiesto",
   "udapp.tooltipText13": "Deploiato",
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
-  "udapp.tooltipText7": "Rimuovi dalla lista",
+  "udapp.tooltipTextRemove": "Rimuovi dalla lista",
   "udapp.tooltipText8": "Fare clic per i documenti sull'uso di 'receive'/'fallback'",
   "udapp.tooltipText9": "Il Calldata per inviare alla funzione di fallback del contratto.",
   "udapp.tooltipText10": "Invia dati al contratto.",

apps/remix-ide/src/app/tabs/locales/zh/udapp.json

@@ -88,7 +88,7 @@
   "udapp.tooltipText12": "必填",
   "udapp.tooltipText13": "已部署 {date}",
   "udapp._comment_universalDappUI.tsx": "libs/remix-ui/run-tab/src/lib/components/universalDappUI.tsx",
-  "udapp.tooltipText7": "从列表中删除",
+  "udapp.tooltipTextRemove": "从列表中删除",
   "udapp.tooltipText8": "点击查看有关使用 'receive'/'fallback' 的文档",
   "udapp.tooltipText9": "发送到合约 fallback 函数的 Calldata。",
   "udapp.tooltipText10": "将数据发送到合约。",

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

@@ -278,12 +278,13 @@ export function UniversalDappUI(props: UdappProps) {
               </div> )
            : null}
         </div>
-        { !props.isSavedContract ? ( <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappCloseTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText7" />}>
+        { props.isSavedContract ? ( <div className="btn" style={{padding: '0.15rem', marginLeft: '-0.5rem'}}>
+            <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappDeleteTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextDelete" />}>
+              <i className="far fa-trash p-2 text-danger" aria-hidden="true" data-id="universalDappUiUdappDelete" onClick={remove}></i>
+            </CustomTooltip> 
+          </div> ) : ( <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappCloseTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextRemove" />}>
           <i className="udapp_closeIcon m-1 fas fa-times align-self-center" aria-hidden="true" data-id="universalDappUiUdappClose" onClick={remove}></i>
-        </CustomTooltip> ) :
-          ( <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_udappDeleteTooltip" tooltipText={<FormattedMessage id="udapp.tooltipTextDelete" />}>
-            <i className="udapp_closeIcon m-1 far fa-trash align-self-center text-danger" aria-hidden="true" data-id="universalDappUiUdappDelete" onClick={remove}></i>
-          </CustomTooltip> )
+        </CustomTooltip> )
         }
       </div>
       <div className="udapp_cActionsWrapper" data-id="universalDappUiContractActionWrapper">